:root{font-family:"DM Sans",system-ui,sans-serif;color:#152a40;background:#f4f7fa;font-synthesis:none;text-rendering:optimizeLegibility;--navy:#081426;--blue:#12375a;--cyan:#087e9b;--muted:#66798b;--line:#dce5ec;--white:#fff;--red:#a93232;--green:#16735d;--shadow:0 8px 28px rgb(14 40 62 / 6%)}
    *{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1240px)/2));color:#fff;background:var(--navy)}.brand{display:flex;align-items:center;gap:11px;font:800 15px Manrope,sans-serif;letter-spacing:.05em}.brand-mark{width:32px;height:34px;display:grid;place-items:center;color:#83d7e6;border:1px solid #32617f;border-radius:9px;font-size:18px}.brand small{display:block;margin-top:3px;color:#90a8bc;font:600 9px "DM Sans",sans-serif;letter-spacing:.15em}.top-meta{display:flex;align-items:center;gap:14px;color:#b7c7d4;font-size:12px}.top-meta button{padding:7px 11px;color:#dceaf2;background:#102943;border:1px solid #294963;border-radius:7px}.shell{max-width:1240px;margin:0 auto;padding:42px 28px 64px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.eyebrow{margin:0 0 9px;color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font:700 clamp(27px,4vw,34px)/1.18 Manrope,sans-serif;letter-spacing:-.035em}.subheading{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.environment{padding:8px 11px;color:#477083;background:#eaf4f7;border-radius:7px;font-size:11px;font-weight:700;white-space:nowrap}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.metric,.panel{background:var(--white);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.metric{padding:18px 20px}.metric-label{color:var(--muted);font-size:12px}.metric-value{margin-top:8px;color:var(--navy);font:700 27px Manrope,sans-serif}.main-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(480px,1.5fr);gap:18px;align-items:start}.panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:20px}.panel h2{margin:0;font:700 17px Manrope,sans-serif}.panel-note{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.form-field{margin-top:16px}.form-field label{display:block;margin-bottom:7px;color:#314a60;font-size:12px;font-weight:700}.form-field input,.form-field textarea{width:100%;padding:11px 12px;color:var(--navy);background:#fff;border:1px solid #cbd8e1;border-radius:7px;outline:none}.form-field input:focus,.form-field textarea:focus{border-color:#3aa9bf;box-shadow:0 0 0 3px rgb(8 126 155 / 10%)}.form-field textarea{min-height:84px;resize:vertical}.seats-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.quick-seats{display:flex;gap:5px}.quick-seats button{padding:7px 8px;color:#496174;background:#f5f8fa;border:1px solid var(--line);border-radius:6px;font-size:11px}.primary{width:100%;margin-top:18px;padding:11px 14px;color:#fff;background:#087e9b;border:0;border-radius:7px;font-weight:700}.primary:hover{background:#066780}.notice{margin:14px 0 0;padding:10px 12px;color:#5d7183;background:#f4f7fa;border-radius:7px;font-size:11px;line-height:1.5}.table-wrap{overflow-x:auto}.license-table{width:100%;border-collapse:collapse;white-space:nowrap}.license-table th{padding:10px 12px;text-align:left;color:#718395;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.license-table td{padding:13px 12px;border-bottom:1px solid #edf1f4;font-size:12px}.license-table tr:last-child td{border-bottom:0}.customer{color:#19334b;font-weight:700}.secondary{color:var(--muted);font-size:11px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:700;text-transform:capitalize}.badge.issued{color:#735408;background:#fff5d9}.badge.active{color:#17644f;background:#e5f5ef}.badge.revoked{color:#963b3b;background:#fae9e9}.row-action{padding:6px 9px;color:#913f3f;background:#fff;border:1px solid #ead2d2;border-radius:6px;font-size:10px}.empty{padding:36px 12px!important;text-align:center;color:#7b8b99}.empty strong{display:block;margin-bottom:5px;color:#395166}.code-result{display:none;margin-top:17px;padding:15px;background:#f0f8fa;border:1px solid #bfe1e7;border-radius:8px}.code-result.visible{display:block}.code-result label{display:block;margin-bottom:8px;color:#286579;font-size:11px;font-weight:700}.code-line{display:flex;gap:8px}.code-line code{flex:1;overflow:auto;padding:10px;background:white;border:1px solid #d7e5e9;border-radius:6px;color:#17374b;font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.code-line button{padding:0 12px;color:#fff;background:#12375a;border:0;border-radius:6px;font-size:11px;font-weight:700}.code-warning{margin:9px 0 0;color:#637c89;font-size:10px;line-height:1.5}.activity{margin-top:18px}.activity-list{display:grid;gap:0}.event{display:grid;grid-template-columns:115px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f4;font-size:11px}.event:last-child{border-bottom:0}.event time{color:#8191a0}.event p{margin:0;color:#3c566b}.error{display:none;margin-top:14px;padding:10px 12px;color:#963b3b;background:#fae9e9;border-radius:7px;font-size:12px}.error.visible{display:block}.login-wrap{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:26px}.login-card{width:min(100%,420px);padding:30px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.login-card h1{font-size:25px}.login-card .primary{margin-top:20px}.login-hint{margin:14px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.footer{max-width:1240px;margin:0 auto;padding:0 28px 28px;color:#8a99a6;font-size:11px}.footer span{color:#577083}.hidden{display:none!important}
    @media(max-width:960px){.main-grid{grid-template-columns:1fr}.summary{gap:10px}.metric{padding:15px}.panel{padding:19px}}
    @media(max-width:600px){.topbar{height:62px;padding:0 17px}.top-meta{gap:8px;font-size:10px}.shell{padding:30px 16px 44px}.page-heading{align-items:flex-start;flex-direction:column}.summary{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:1/-1}.metric-value{font-size:23px}.panel{padding:16px}.seats-row{grid-template-columns:1fr}.quick-seats button{flex:1}.license-table{min-width:610px}.footer{padding:0 16px 22px}}
  
select{font:inherit;padding:9px;color:var(--navy);background:white;border:1px solid #cbd8e1;border-radius:7px}button:disabled{opacity:.45;cursor:default}.filters,.pagination{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filters{margin-bottom:14px}.filters input{flex:1;min-width:170px;padding:10px;border:1px solid #cbd8e1;border-radius:7px}.pagination{justify-content:space-between;margin-top:18px;font-size:12px;color:var(--muted)}.pagination button{padding:8px 12px;background:#f4f7fa;border:1px solid var(--line);border-radius:6px;color:var(--blue)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.profile-grid .wide{grid-column:1/-1}fieldset{border:0;padding:0;margin:0}fieldset legend{margin-top:20px;font-size:12px;font-weight:700;color:var(--cyan)}.license-table .customer{display:block;max-width:220px;white-space:normal}.detail-button{border:0;padding:5px 0;color:var(--cyan);background:none;font-size:11px;text-decoration:underline}.dialog{border:1px solid var(--line);border-radius:14px;width:min(94vw,600px);padding:28px;color:var(--navy)}.dialog::backdrop{background:#08142690}.dialog dl{display:grid;grid-template-columns:140px 1fr;gap:13px;font-size:14px}.dialog dt{color:var(--muted)}.dialog dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.dialog button{float:right}.success-note{font-size:12px;color:var(--green)}@media(max-width:600px){.profile-grid{grid-template-columns:1fr}.dialog dl{grid-template-columns:1fr;gap:6px}.dialog dd{margin-bottom:12px}}
.main-grid>*{min-width:0}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}input,textarea,select{min-width:0;max-width:100%}.code-line code{min-width:0}.top-meta{min-width:0;overflow-wrap:anywhere}@media(max-width:600px){.main-grid{grid-template-columns:minmax(0,1fr)}.profile-grid{grid-template-columns:minmax(0,1fr)}.top-meta span{display:none}.event{grid-template-columns:1fr;gap:4px}.filters input{min-width:0;width:100%}}

.delete-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.delete-actions button{float:none;padding:10px 14px}.dialog p{line-height:1.6;overflow-wrap:anywhere}

/* Readable desktop and mobile proportions for daily license operations. */
body{font-size:16px;line-height:1.55}.shell,.footer{max-width:1480px}.shell{padding:36px 32px 64px}.topbar{height:80px;padding:0 max(32px,calc((100vw - 1416px)/2))}.brand{font-size:19px}.brand small{font-size:11px}.top-meta{font-size:14px}.eyebrow{font-size:12px}h1{font-size:clamp(30px,3vw,40px)}.subheading{font-size:16px}.main-grid{grid-template-columns:minmax(360px,.85fr) minmax(0,1.5fr);gap:24px}.panel{padding:26px}.panel h2{font-size:22px}.panel-note,.metric-label,.form-field label,.pagination,fieldset legend{font-size:14px}.metric{padding:22px 24px}.metric-value{font-size:34px}.form-field input,.form-field textarea,select{font-size:16px;min-height:44px}.notice,.login-hint,.code-warning,.secondary,.detail-button,.success-note,.footer{font-size:13px;line-height:1.6}.license-table th{font-size:12px;letter-spacing:.04em}.license-table td{font-size:14px;padding:15px 12px}.badge,.row-action,.quick-seats button,.code-line button{font-size:12px}.row-action{min-height:34px}.code-line code{font-size:14px}.event{font-size:14px;grid-template-columns:150px 1fr}.error{font-size:14px}.login-card{width:min(100%,500px);padding:36px}.login-card h1{font-size:30px}.primary{min-height:46px}.dialog{width:min(94vw,680px)}.dialog dl{font-size:16px}
@media(max-width:1100px){.main-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.shell{padding:24px 16px 40px}.topbar{padding:0 16px;height:72px}.panel{padding:20px 16px}.login-card{padding:26px}.summary{grid-template-columns:1fr}.metric:last-child{grid-column:auto}.event{grid-template-columns:1fr}.dialog dl{grid-template-columns:1fr}.top-meta{font-size:13px}.brand{font-size:17px}}

.summary{grid-template-columns:repeat(5,minmax(0,1fr))}.badge.expired,.badge.expiring{color:#885510;background:#fff0d6}.license-table{min-width:760px}.user-add-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.7fr) auto;gap:14px;align-items:end}.user-add-form .form-field{margin-top:0}.user-add-form .primary{width:auto;min-width:130px;margin:0 0 1px}.user-add-form select{width:100%}
@media(max-width:1000px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.user-add-form{grid-template-columns:1fr 1fr}.user-add-form .primary{grid-column:1/-1}}
@media(max-width:600px){.summary{grid-template-columns:1fr}.user-add-form{grid-template-columns:1fr}.user-add-form .primary{grid-column:auto}}

.inline-check{display:flex;align-items:center;gap:9px;margin:12px 0;color:var(--muted);font-size:14px}.inline-check input{width:18px;height:18px}.settings-actions{margin-top:16px}.settings-actions .primary{width:auto;min-width:190px}.panel-note{line-height:1.55}.success-note:empty{display:none}#brevoTestForm{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}#brevoTestForm .row-action{margin-bottom:1px;min-height:46px}.form-field small{display:block;margin-top:5px;line-height:1.45}


/* Focused License Server workspace with compact, role-aware left navigation. */
:root{font-family:"DM Sans",system-ui,sans-serif;color:#172b3f;background:#f3f6f8;--navy:#102338;--blue:#183d57;--cyan:#087f78;--muted:#6c7d8b;--line:#dfe7eb;--white:#fff;--red:#a93232;--green:#16735d;--shadow:0 10px 28px rgb(18 42 61 / 5%)}
body{min-height:100vh;background:#f3f6f8;font-size:15px;line-height:1.55}.topbar{height:68px;padding:0 30px;background:#102338}.brand{font-size:16px;letter-spacing:.07em}.brand-mark{width:34px;height:34px;border-color:#38566b;border-radius:10px;color:#76d4c8}.brand small{font-size:9px}.top-meta{gap:16px;font-size:13px}.top-meta button{padding:8px 13px;background:#19384f;border-color:#38566b;border-radius:8px}.app-shell{display:grid;grid-template-columns:242px minmax(0,1fr);gap:30px;max-width:1680px;margin:0 auto;padding:28px 32px 48px;align-items:start}.sidebar{position:sticky;top:24px;display:flex;flex-direction:column;min-height:min(690px,calc(100vh - 100px));padding:19px 13px 14px;background:#fff;border:1px solid #e2e9ed;border-radius:14px;box-shadow:var(--shadow)}.sidebar-heading{padding:3px 11px 19px;border-bottom:1px solid #edf1f3}.sidebar-kicker,.nav-section-label{display:block;color:#8a9aa6;font-size:10px;font-weight:700;letter-spacing:.12em}.sidebar-caption{display:block;margin-top:5px;color:#19374d;font:700 15px Manrope,"DM Sans",sans-serif}.side-nav{display:flex;flex-direction:column;gap:4px;padding-top:13px}.nav-section-label{padding:19px 11px 6px;font-size:9px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:9px 11px;text-align:left;color:#586b7a;background:transparent;border:0;border-radius:8px;font-size:13px;font-weight:600;transition:background .16s,color .16s}.nav-item svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-item:hover{color:#174f50;background:#f2f8f7}.nav-item.active{color:#096e69;background:#e8f4f2;font-weight:700}.sidebar-footer{display:flex;align-items:center;gap:9px;margin-top:auto;padding:15px 11px 4px;border-top:1px solid #edf1f3;color:#80909c;font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:#39a58b;box-shadow:0 0 0 3px #e4f4ef}.workspace-area{min-width:0}.page-view{min-width:0;animation:view-in .18s ease-out}@keyframes view-in{from{opacity:.75;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.page-heading{align-items:flex-start;margin:1px 0 22px}.eyebrow{margin-bottom:7px;color:#087f78;font-size:10px;letter-spacing:.13em}.page-heading h1{margin-bottom:5px;color:#142a3d;font:700 clamp(26px,2.4vw,34px)/1.2 Manrope,"DM Sans",sans-serif;letter-spacing:-.035em}.subheading{max-width:760px;color:#72818c;font-size:14px}.summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 16px}.metric,.panel{border:1px solid #e1e8ec;border-radius:12px;box-shadow:0 5px 18px rgb(20 42 60 / 4%)}.metric{min-height:103px;padding:16px 17px}.metric-label{color:#71818d;font-size:11px;line-height:1.4}.metric-value{margin-top:8px;color:#16364b;font:700 28px/1 Manrope,"DM Sans",sans-serif;letter-spacing:-.03em}.overview-note{display:flex;gap:13px;margin-top:0;padding:17px 19px;background:#eaf4f3;border:1px solid #d7e9e6;border-radius:11px;color:#315c5a}.overview-note-mark{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;color:#fff;background:#368a81;font:700 13px Manrope,sans-serif}.overview-note strong{color:#1d4947;font-size:13px}.overview-note p{margin:3px 0 6px;color:#547471;font-size:12px}.overview-note a{color:#08736c;font-size:12px;font-weight:700;text-decoration:none}.overview-note a:hover{text-decoration:underline}.main-grid{grid-template-columns:minmax(320px,.84fr) minmax(0,1.55fr);gap:17px;align-items:start}.panel{padding:21px}.panel-heading{margin-bottom:16px}.panel h2{color:#19344a;font:700 18px/1.3 Manrope,"DM Sans",sans-serif;letter-spacing:-.015em}.panel-note{color:#788793;font-size:12px;line-height:1.55}.form-field{margin-top:15px}.form-field label,fieldset legend{color:#354d60;font-size:12px;font-weight:700}.form-field input,.form-field textarea,select{min-height:42px;padding:9px 11px;color:#163149;background:#fff;border:1px solid #d2dde3;border-radius:8px;font-size:13px;transition:border-color .15s,box-shadow .15s}.form-field input:focus,.form-field textarea:focus,select:focus{border-color:#70aaa3;box-shadow:0 0 0 3px rgb(8 127 120 / 10%)}.form-field textarea{min-height:76px}.primary{min-height:43px;margin-top:17px;padding:10px 15px;color:#fff;background:#087f78;border:0;border-radius:8px;font-size:13px;font-weight:700;transition:background .15s,transform .15s}.primary:hover{background:#086c67;transform:translateY(-1px)}.primary:focus-visible,.nav-item:focus-visible,.row-action:focus-visible,button:focus-visible{outline:3px solid #7ec8bd;outline-offset:2px}.notice{padding:11px 13px;color:#536a79;background:#f4f7f8;border:1px solid #e7edef;border-radius:8px;font-size:11px}.table-wrap{border:1px solid #edf1f3;border-radius:9px}.license-table{min-width:720px}.license-table th{padding:11px 12px;color:#788893;background:#f8fafb;border-bottom:1px solid #e8edef;font-size:10px}.license-table td{padding:12px;color:#344c5f;border-bottom:1px solid #eff2f4;font-size:12px}.license-table tr:last-child td{border-bottom:0}.customer{color:#19374d}.badge{padding:5px 9px}.row-action{min-height:33px;padding:6px 10px;color:#8b4848;background:#fff;border:1px solid #eadada;border-radius:7px;font-size:11px}.row-action:hover{color:#713636;background:#fff7f6}.filters input{min-height:40px;border-color:#d5dfe4;border-radius:8px}.pagination{color:#70818d;font-size:11px}.pagination button{padding:8px 11px;color:#38556a;background:#fff;border:1px solid #dfe7eb;border-radius:7px}.pagination button:hover:not(:disabled){background:#eff5f5;border-color:#c9ddda}.activity-list{padding:0 3px}.event{grid-template-columns:142px minmax(0,1fr);padding:13px 5px;border-color:#edf1f3;font-size:12px}.event time{color:#86949f;font-size:11px}.event p{color:#465d6e}.code-result{background:#eff8f6;border-color:#d4e9e4}.code-line code{border-color:#dce8e5;border-radius:8px}.error{border-radius:8px}.success-note{color:#16735d;font-size:12px}.dialog{border:1px solid #dbe5e9;border-radius:14px;box-shadow:0 20px 70px rgb(9 26 39 / 18%)}.footer{max-width:1680px;padding:0 32px 24px;color:#8c9aa4;font-size:11px}
@media(max-width:1180px){.app-shell{grid-template-columns:214px minmax(0,1fr);gap:20px;padding-right:22px;padding-left:22px}.summary{grid-template-columns:repeat(3,minmax(0,1fr))}.main-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.topbar{height:64px;padding:0 17px}.top-meta{font-size:12px}.app-shell{display:flex;flex-direction:column;gap:18px;padding:17px 15px 38px}.sidebar{position:static;width:100%;min-height:0;padding:12px 10px 9px;border-radius:11px}.sidebar-heading,.sidebar-footer{display:none}.side-nav{flex-direction:row;gap:5px;padding:0;overflow-x:auto;scrollbar-width:thin}.nav-section-label{display:none}.nav-item{flex:0 0 auto;width:auto;min-height:40px;padding:8px 10px;font-size:12px}.nav-item svg{width:16px;height:16px}.workspace-area{width:100%}.page-heading{margin-bottom:17px}.page-heading h1{font-size:27px}.summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{min-height:88px;padding:14px}.metric-value{font-size:25px}.panel{padding:18px 15px}.profile-grid{grid-template-columns:minmax(0,1fr)}.profile-grid .wide{grid-column:auto}.user-add-form{grid-template-columns:minmax(0,1fr)}.user-add-form .primary{grid-column:auto}.event{grid-template-columns:minmax(0,1fr);gap:4px}.footer{padding:0 15px 20px}.main-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}