:root{color:#10213a;font-synthesis:none;--navy:#08294f;--navy-deep:#062441;--blue:#0877f9;--blue-dark:#0568e6;--surface:#fff;--canvas:#f8faff;--border:#dce4ef;--text:#10213a;--muted:#687891;--green:#0a9a48;--orange:#f49a00;--red:#e61d2f;--radius:9px;--shadow:0 2px 8px #0d254014;background:#f8faff;font-family:Inter,SF Pro Display,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loading-screen{min-height:100vh;color:var(--muted);place-items:center;font-size:15px;display:grid}.app-shell{grid-template-columns:216px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(180deg, var(--navy) 0%, var(--navy-deep) 100%);flex-direction:column;height:100vh;padding:20px 10px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:0 9px 28px;display:flex}.brand-mark{flex:none;width:42px;height:42px}.brand div{flex-direction:column;display:flex}.brand strong{letter-spacing:-.35px;font-size:21px;line-height:1.15}.brand span{margin-top:2px;font-size:13px}.sidebar nav{gap:7px;display:grid}.sidebar nav button,.collapse-button{color:#fff;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:14px;width:100%;padding:12px 13px;font-size:15px;display:flex}.sidebar nav button.active{background:linear-gradient(90deg,#0879f9,#0f69ed);box-shadow:0 5px 18px #005cff52}.sidebar nav button:not(.active):hover,.collapse-button:hover{background:#ffffff14}.collapse-button{color:#f5f8fc;margin-top:auto}.collapse-button svg{box-sizing:content-box;border:1px solid #ffffff6b;border-radius:50%;padding:3px}.app-main{background:radial-gradient(circle at 58% -20%, #edf4ff 0, #f8faff00 34%), var(--canvas);min-width:0;padding:0 26px 28px}.topbar{justify-content:space-between;align-items:center;min-height:86px;display:flex}.page-title{align-items:center;gap:18px;display:flex}.page-title h1,.simple-topbar h1{letter-spacing:-1.1px;margin:0;font-size:31px;line-height:1.1}.environment{color:#08783a;background:#e7f8ee;border:1px solid #bce9cf;border-radius:999px;align-items:center;gap:8px;padding:5px 11px;font-size:13px;display:inline-flex}.environment i{background:#0c9e4a;border-radius:50%;width:8px;height:8px}.topbar-actions{align-items:center;gap:12px;font-size:14px;display:flex}.icon-button{color:var(--text);background:0 0;border:0;place-items:center;display:grid}.notification{position:relative}.notification b{color:#fff;border:2px solid var(--canvas);background:#e51e2d;border-radius:50%;place-items:center;min-width:18px;height:18px;font-size:10px;display:grid;position:absolute;top:-9px;right:-6px}.divider{background:var(--border);width:1px;height:32px;margin:0 5px}.user-avatar{color:#086eec;background:#e7f1ff;border:1px solid #a9ccff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.user-email{color:#152238}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.metric-card{border:1px solid var(--border);border-radius:var(--radius);min-height:164px;box-shadow:var(--shadow);background:#fff;grid-template-columns:70px 1fr;align-items:start;gap:14px;padding:25px 22px;display:grid;position:relative}.metric-icon{border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.metric-icon svg{width:31px;height:31px}.metric-card>div:nth-child(2){flex-direction:column;padding-top:6px;display:flex}.metric-card span{color:#1a2a42;font-size:14px}.metric-card strong{margin-top:8px;font-size:42px;font-weight:650;line-height:1}.metric-card p{color:var(--green);grid-column:1/-1;margin:2px 0 0;font-size:13px}.metric-card p b{margin-left:8px;font-size:17px}.metric-card .muted-change{color:var(--muted)}.metric-card.blue .metric-icon{color:#126ef1;background:#e6f0ff}.metric-card.blue strong{color:#096bea}.metric-card.green .metric-icon{color:#059646;background:#e2f7ea}.metric-card.green strong{color:#078f45}.metric-card.orange .metric-icon{color:#ef9400;background:#fff0dc}.metric-card.orange strong{color:#f09700}.metric-card.red .metric-icon{color:#e11d31;background:#ffe6e8}.metric-card.red strong{color:#dd1e2f}.panel{border:1px solid var(--border);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);background:#fff;overflow:hidden}.dashboard-grid{grid-template-columns:minmax(0,2.65fr) minmax(285px,1fr);gap:14px;margin-top:27px;display:grid}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:66px;padding:0 18px;display:flex}.panel-heading h2{letter-spacing:-.3px;margin:0;font-size:18px}.panel-heading>div{gap:10px;display:flex}.primary-button,.secondary-button{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.primary-button{border:1px solid var(--blue);color:#fff;background:linear-gradient(#0d7af9,#0669ee);box-shadow:0 2px 5px #0066e638}.primary-button:hover{background:var(--blue-dark)}.secondary-button{color:#17263a;background:#fff;border:1px solid #9bacbf}.filters{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:64px;padding:0 18px;display:flex}.search-field{border:1px solid var(--border);color:#62738a;border-radius:5px;align-items:center;gap:10px;width:240px;height:40px;padding:0 12px;display:flex}.search-field input{width:100%;color:var(--text);border:0;outline:0}.select-field{border:1px solid var(--border);border-radius:5px;align-items:center;min-width:126px;height:40px;display:flex;position:relative}.select-field select{appearance:none;width:100%;height:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0 34px 0 12px;font-size:13px}.select-field svg{pointer-events:none;position:absolute;right:11px}.customer-filter{min-width:145px}.table-scroll{width:100%;max-width:100%;overflow-x:auto}.license-table,.simple-table{border-collapse:collapse;width:100%;font-size:12px}.license-table th,.simple-table th{text-align:left;color:#18263b;border-bottom:1px solid var(--border);white-space:nowrap;background:#fbfcfe;height:46px;padding:0 14px;font-weight:650}.license-table th{padding-left:12px;padding-right:12px}.license-table td{border-bottom:1px solid var(--border);color:#2d3d54;white-space:nowrap;height:91px;padding:0 12px}.customer-cell,.org-cell{align-items:center;gap:12px;display:flex}.customer-cell>div,.org-cell{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.customer-cell strong,.org-cell strong{color:#132137;font-size:13px}.customer-cell span:not(.customer-avatar),.org-cell span{color:#66778e;font-size:11px}.customer-avatar{color:#116ce9;background:#e6f0ff;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:650;display:grid}.customer-avatar.trial{color:#098348;background:#e4f6ec}.customer-avatar.suspended{color:#d52b36;background:#fee8e9}.status-badge{border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-weight:600;display:inline-flex}.status-badge i{border-radius:50%;width:7px;height:7px}.status-badge.active{color:#08783e;background:#e4f7eb}.status-badge.active i{background:#079746}.status-badge.trial{color:#0869df;background:#e8f1ff}.status-badge.trial i{background:#0d6be8}.status-badge.suspended,.status-badge.expired{color:#d7192b;background:#fee8ea}.status-badge.suspended i,.status-badge.expired i{background:#e31d30}.expired-date{color:#d7192b}.expired-date span{margin-top:3px;display:block}.row-actions{gap:9px;display:flex}.row-actions button{color:#15283e;background:#fff;border:1px solid #cbd6e4;border-radius:6px;place-items:center;width:35px;height:35px;display:grid}.table-footer{color:#617086;justify-content:space-between;align-items:center;height:69px;padding:0 14px;font-size:12px;display:flex}.pagination{gap:8px;display:flex}.pagination button{border:1px solid var(--border);color:#667891;background:#fff;border-radius:5px;place-items:center;width:36px;height:36px;display:grid}.pagination button.current{color:#0b6ff3;border-color:#0b6ff3}.activation-panel .panel-heading{justify-content:flex-start}.activation-row{border-bottom:1px solid var(--border);grid-template-columns:38px 1fr auto;align-items:center;gap:8px;min-height:79px;padding:0 17px;display:grid}.result-icon{border-radius:50%;place-items:center;width:30px;height:30px;font-size:18px;font-weight:700;display:grid}.result-icon.success{color:#078b43;background:#e5f8ed;border:1px solid #bde8cd}.result-icon.failed{color:#e0202f;background:#fff;border:1px solid #f14552}.activation-row div{flex-direction:column;gap:5px;min-width:0;display:flex}.activation-row strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.activation-row span{color:#68788f;font-size:11px}.activation-row>b{font-size:12px;font-weight:500}.activation-row>b.success{color:#078b43}.activation-row>b.failed{color:#e0202f}.view-all{color:#086ef0;background:#fff;border:0;justify-content:flex-start;align-items:center;gap:8px;width:100%;height:64px;padding:0 18px;font-size:12px;display:flex}.health-panel{margin-top:22px}.health-panel .panel-heading{min-height:53px}.health-checked{color:#6b7a90;font-size:11px;font-weight:600}.health-grid{grid-template-columns:repeat(3,1fr);min-height:96px;display:grid}.health-item{grid-template-columns:34px 1fr 70px 70px;align-items:center;gap:8px;min-width:0;padding:16px 20px;display:grid;position:relative}.health-item+.health-item{border-left:1px solid var(--border)}.health-check{color:#fff;background:#079347;border-radius:50%;place-items:center;width:29px;height:29px;font-weight:700;display:grid}.health-title{align-items:flex-start;gap:8px;display:flex}.health-title>svg{display:none}.health-title div{flex-direction:column;gap:3px;display:flex}.health-title strong{font-size:12px}.health-title span{color:#078f44;font-size:11px}.health-title small{color:#6b7a90;white-space:nowrap;font-size:10px}.health-unavailable .health-check,.health-not-configured .health-check{background:#c93737}.health-not-configured .health-check{background:#8a96a8}.health-unavailable .health-title span{color:#c93737}.health-not-configured .health-title span{color:#6b7a90}.sparkline{color:#079347;width:65px}.uptime{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.uptime strong{font-size:11px}.uptime span{color:#6b7a90;white-space:nowrap;font-size:10px}.simple-topbar{flex-direction:column;justify-content:center;gap:8px;min-height:108px;display:flex}.simple-topbar p{color:var(--muted);margin:0;font-size:14px}.data-page-panel{min-height:520px}.data-toolbar{border-bottom:1px solid var(--border);min-height:68px;padding:14px 18px}.data-toolbar label{border:1px solid var(--border);width:300px;height:40px;color:var(--muted);border-radius:6px;align-items:center;gap:10px;padding:0 12px;display:flex}.data-toolbar input{border:0;outline:0;width:100%}.simple-table td{border-bottom:1px solid var(--border);color:#304158;height:62px;padding:0 14px}.settings-grid{gap:0;display:grid}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:72px;padding:0 22px;display:flex}.setting-row span{color:var(--muted)}.setting-row strong{font-size:14px}.dialog-backdrop{z-index:20;background:#05193070;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:12px;width:min(560px,100%);overflow:hidden;box-shadow:0 24px 70px #0721414d}.dialog>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;min-height:92px;padding:23px 25px;display:flex}.dialog h2{margin:0;font-size:22px}.dialog header p{color:var(--muted);margin:6px 0 0;font-size:13px}.dialog header button{color:var(--muted);background:0 0;border:0}.dialog form{gap:17px;padding:23px 25px;display:grid}.dialog label{gap:7px;font-size:13px;font-weight:600;display:grid}.dialog input,.dialog select{width:100%;height:42px;color:var(--text);background:#fff;border:1px solid #bdcad9;border-radius:6px;padding:0 11px}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.dialog fieldset{border:1px solid var(--border);border-radius:7px;grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:grid}.dialog legend{padding:0 7px;font-size:13px;font-weight:650}.dialog fieldset label{align-items:center;gap:8px;font-weight:500;display:flex}.dialog fieldset input{width:16px;height:16px}.dialog footer{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.table-action-button{color:#075ec8;white-space:nowrap;background:#f7fbff;border:1px solid #a8c5ed;border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.table-action-button:disabled{opacity:.45;cursor:not-allowed}.section-title{margin:18px 20px 8px;font-size:15px}.section-title-spaced{margin-top:28px}.page-actions{justify-content:flex-end;padding:14px 20px 0;display:flex}.checkbox-label{grid-template-columns:none;align-items:center;gap:9px!important;display:flex!important}.checkbox-label input{width:17px;height:17px}.form-help{color:var(--muted);margin:-4px 0 0;font-size:12px;line-height:1.55}.activation-result{text-align:center;justify-items:center;gap:12px;padding:26px;display:grid}.activation-result h3,.activation-result p{margin:0}.activation-result p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.55}.result-key{color:#075ec8;background:#e8f2ff;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.one-time-code{background:#f6f9fd;border:1px solid #b7cae0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.one-time-code code{overflow-wrap:anywhere;color:#102b4d;text-align:left;flex:1;min-width:0;font-weight:700}.one-time-code button{color:#075ec8;background:#fff;border:1px solid #9dbbe2;border-radius:6px;align-items:center;gap:6px;min-height:36px;padding:0 11px;font-weight:700;display:inline-flex}.activation-result dl{border-top:1px solid var(--border);width:100%;margin:0}.activation-result dl div{border-bottom:1px solid var(--border);text-align:left;grid-template-columns:120px 1fr;gap:16px;padding:10px 0;display:grid}.activation-result dt{color:var(--muted)}.activation-result dd{overflow-wrap:anywhere;margin:0;font-weight:650}.activation-result footer{width:100%}.login-page{background:radial-gradient(circle at 50% 0,#e4f1ff 0,#f8faff 45% 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--border);background:#fff;border-radius:13px;width:min(430px,100%);padding:34px 38px 38px;box-shadow:0 16px 50px #0b2a4e21}.login-brand{align-items:center;gap:9px;margin-bottom:37px;display:flex}.login-brand svg{width:40px}.login-brand div{flex-direction:column;display:flex}.login-brand strong{font-size:19px}.login-brand span{font-size:12px}.login-icon{color:#0a70ed;background:#e7f1ff;border-radius:11px;place-items:center;width:48px;height:48px;display:grid}.login-panel h1{letter-spacing:-.5px;margin:19px 0 8px;font-size:25px}.login-panel>p{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.5}.login-panel form{gap:14px;display:grid}.login-panel label{gap:8px;font-size:13px;font-weight:650;display:grid}.login-panel input{border:1px solid #afbdcf;border-radius:7px;outline:0;height:46px;padding:0 12px}.login-panel input:focus{border-color:#0877f9;box-shadow:0 0 0 3px #0877f921}.otp-input{text-align:center;letter-spacing:8px;font-size:20px;font-weight:650}.login-button{width:100%;margin-top:4px}.text-button{color:#086eea;background:0 0;border:0;font-size:13px}.form-error{color:#cb1f30;margin:0;font-size:13px}@media (width<=1180px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.activation-panel{max-width:none}.health-item{grid-template-columns:34px 1fr 58px}.uptime{display:none}}@media (width<=760px){.app-shell{grid-template-columns:minmax(0,1fr);width:100%}.sidebar{width:100%;min-width:0;max-width:100vw;height:auto;padding:12px;position:static;overflow:hidden}.brand{padding:0 4px 12px}.brand-mark{width:34px;height:34px}.brand strong{font-size:18px}.sidebar nav{width:100%;min-width:0;max-width:100%;display:flex;overflow-x:auto}.sidebar nav button{flex:none;width:auto;padding:10px 12px}.collapse-button{display:none}.app-main{width:100%;min-width:0;max-width:100vw;padding:0 14px 20px;overflow-x:hidden}.topbar{min-height:76px}.page-title h1,.simple-topbar h1{font-size:25px}.environment,.user-email,.divider{display:none}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{grid-template-columns:52px minmax(0,1fr);gap:9px;min-width:0;min-height:135px;padding:17px}.metric-icon{width:48px;height:48px}.metric-icon svg{width:25px}.metric-card strong{font-size:33px}.metric-card p{font-size:11px}.dashboard-grid{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;margin-top:14px}.dashboard-grid>*{min-width:0}.panel-heading{align-items:flex-start;gap:12px;padding:13px}.panel-heading>div{flex-wrap:wrap;justify-content:flex-end}.filters{flex-wrap:wrap;height:auto;min-height:0;padding:12px}.search-field{width:100%}.select-field{flex:1}.customer-filter{display:none}.health-grid{grid-template-columns:minmax(0,1fr)}.health-item+.health-item{border-left:0;border-top:1px solid var(--border)}.form-row,.dialog fieldset{grid-template-columns:1fr}}