:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172023;background:#eef2f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{background:linear-gradient(#172023 0,#253238 260px,#eef2f3 260px),#eef2f3;min-height:100vh;padding:24px}.topbar,.brandBlock,.topActions,.panelHeader,.moduleHeader,.metric,.statusRow,.detailHeader,.detailActions,.agentCardTop,.agentActions,.deviceItem,.alert,.sectionTitle{align-items:center;display:flex}.topbar{color:#fff;justify-content:space-between;gap:16px;margin-bottom:22px}.brandBlock{gap:14px}.brandMark,.loginMark{color:#fff;background:#0f766e;border-radius:8px;place-items:center;width:52px;height:52px;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #fff3}.topActions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.sessionBadge{color:#e8f3f1;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-weight:800;display:inline-flex}.eyebrow{color:#d69a3a;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.75rem;font-weight:900}h1,h2,h3{letter-spacing:0;margin:0}h1{font-size:clamp(1.8rem,3vw,2.7rem)}h2{font-size:1.16rem}h3{font-size:1rem}.iconButton,.wideButton,.moduleButton{border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:0 16px;font-weight:900;display:inline-flex}a.iconButton,a.wideButton{text-decoration:none}.primary,.wideButton{color:#fff;background:#0f766e}.secondary{color:#fff;background:#27323a}.subtle{color:#172023;background:#fff;border:1px solid #d8e1e4}.iconButton:disabled,.wideButton:disabled,.miniButton:disabled{opacity:.62;cursor:progress}.alert{color:#9f1239;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;gap:10px;margin-bottom:18px;padding:12px 14px;font-weight:800}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric{background:#fff;border:1px solid #dce4e7;border-radius:8px;gap:12px;min-height:84px;padding:16px;box-shadow:0 18px 36px #17202314}.metric svg{color:#0f766e}.metric span{color:#66787e;font-size:.84rem;font-weight:800;display:block}.metric strong{color:#172023;font-size:1.75rem;display:block}.moduleRail{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.moduleButton{color:#52646a;background:#fff;border:1px solid #dce4e7}.moduleButton.active{color:#fff;background:#0f766e;border-color:#0f766e}.moduleLayout{grid-template-columns:minmax(280px,340px) minmax(320px,.9fr) minmax(420px,1.25fr);align-items:start;gap:16px;display:grid}.createPanel,.clientsColumn,.detailPanel,.singleModule{background:#fff;border:1px solid #dce4e7;border-radius:8px;padding:18px;box-shadow:0 18px 36px #17202314}.panelHeader,.moduleHeader{justify-content:space-between;gap:14px;margin-bottom:16px}.panelHeader svg,.moduleHeader svg{color:#d97706}.clientForm{gap:12px;display:grid}label{color:#4f6066;gap:6px;font-size:.84rem;font-weight:900;display:grid}input,select{color:#172023;background:#fbfcfc;border:1px solid #c9d5da;border-radius:8px;width:100%;min-height:40px;padding:0 11px}.fieldHint{color:#6b7d83;font-size:.75rem;font-weight:800}.dangerText{color:#be123c}input[type=color]{padding:4px}.colorRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.filePicker,.fileAction{position:relative;overflow:hidden}.filePicker{color:#26373d;background:#f7faf9;border:1px dashed #9ab0b8;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:inline-flex}.filePicker input,.fileAction input{opacity:0;cursor:pointer;position:absolute;inset:0}.logoPreview{background:#effaf7;border:1px solid #b7d8d3;border-radius:8px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.logoPreview img{object-fit:contain;background:#fff;border:1px solid #d8e8e5;border-radius:8px;width:52px;height:52px}.logoPreview strong,.logoPreview span{display:block}.logoPreview strong{color:#0f766e;font-size:.9rem}.logoPreview span{color:#53676d;font-size:.78rem;font-weight:800}.searchBox{align-items:center;min-width:min(100%,340px);display:flex;position:relative}.searchBox svg{color:#697b81;position:absolute;left:12px}.searchBox input{padding-left:38px}.clientCards{gap:10px;display:grid}.clientsColumn .moduleHeader{flex-direction:column;align-items:stretch}.clientsColumn .searchBox{min-width:100%}.clientCard{width:100%;color:inherit;text-align:left;background:#fbfcfc;border:1px solid #dce4e7;border-radius:8px;grid-template-columns:46px minmax(0,1fr);gap:12px;padding:12px;display:grid}.clientCard.selected{background:#eefaf7;border-color:#0f766e;box-shadow:inset 4px 0 #0f766e}.clientCardBody strong,.clientCardBody span,.clientCardBody small,.clientCardStats span{display:block}.clientCardBody strong{overflow-wrap:anywhere}.clientCardBody span,.clientCardBody small,.clientCardStats span{color:#62747a;font-size:.82rem;font-weight:800}.clientCardStats{flex-wrap:wrap;grid-column:2;gap:8px;display:flex}.clientCardStats span{background:#fff;border:1px solid #dde7ea;border-radius:999px;padding:4px 8px}.logoMark{color:#fff;background:#27323a;border-radius:8px;place-items:center;width:46px;height:46px;font-weight:900;display:grid;overflow:hidden}.logoMark.large{width:64px;height:64px;font-size:1.1rem}.logoMark img{object-fit:cover;width:100%;height:100%}.clientDetail{gap:16px;display:grid}.detailHeader{align-items:flex-start;gap:14px}.detailHeader>div{min-width:0}.detailHeader h2{overflow-wrap:anywhere;font-size:1.45rem}.detailHeader span{color:#617177;font-weight:800;display:block}.detailHeader .pill{margin-left:auto}.detailActions{flex-wrap:wrap;gap:8px}.detailStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.statusRow{color:#607176;background:#fbfcfc;border:1px solid #edf1f3;border-radius:8px;justify-content:space-between;gap:12px;min-height:42px;padding:8px 12px}.statusRow strong{color:#172023;text-align:right;overflow-wrap:anywhere}.accessControl,.agentTools{border-top:1px solid #edf1f3;padding-top:14px}.agentTools{grid-template-columns:minmax(140px,220px) auto;align-items:end;gap:10px;display:grid}.activation{white-space:pre-wrap;overflow-wrap:anywhere;color:#d2f4ea;background:#172023;border-radius:8px;padding:12px;font-size:.82rem}.detailSection{gap:12px;display:grid}.sectionTitle{justify-content:space-between;gap:12px}.sectionTitle span{color:#617177;font-size:.84rem;font-weight:800}.agentGrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.agentCard{background:#fbfcfc;border:1px solid #dfe8eb;border-left:6px solid #94a3b8;border-radius:8px;gap:10px;padding:14px;display:grid}.agentCard.activated{border-left-color:#0f766e}.agentCard.available{border-left-color:#d97706}.agentCard.revoked{border-left-color:#be123c}.agentCardTop{justify-content:space-between;align-items:flex-start;gap:10px}.agentCard strong,.agentCard small,.agentCard span,.agentCard p{display:block}.agentCard strong{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.12rem}.agentCard small,.agentCard p,.agentCard span{color:#607176;font-size:.82rem;font-weight:800}.agentCard p{margin:0}.agentActions{flex-wrap:wrap;gap:8px}.miniButton{color:#24343a;background:#fff;border:1px solid #cdd8dd;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.miniButton.danger{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:.76rem;font-weight:900;display:inline-flex}.pill.active,.pill.activated,.pill.online,.pill.approved{color:#166534;background:#dcfce7}.pill.available,.pill.grace,.pill.stale,.pill.expiring_soon,.pill.pending,.pill.manual_review{color:#92400e;background:#fef3c7}.pill.read_only,.pill.offline{color:#075985;background:#e0f2fe}.pill.suspended,.pill.expired,.pill.rejected,.pill.cancelled,.pill.revoked,.pill.blocked{color:#9f1239;background:#ffe4e6}.singleModule{gap:14px;display:grid}.deviceList,.auditList{gap:10px;display:grid}.deviceItem{border:1px solid #e0e7ea;border-radius:8px;grid-template-columns:22px minmax(220px,1fr) auto 90px 150px auto;gap:12px;padding:12px;display:grid}.deviceItem svg{color:#0f766e}.deviceItem strong,.deviceItem span{display:block}.deviceItem span{color:#617177;font-size:.84rem;font-weight:800}.auditItem{border:1px solid #e0e7ea;border-radius:8px;grid-template-columns:minmax(0,1fr) 140px 160px;align-items:center;gap:12px;padding:12px;display:grid}.auditItem strong,.auditItem span,.auditItem time{display:block}.auditItem span,.auditItem time{color:#617177;font-size:.84rem;font-weight:800}.licenseModule{box-shadow:none;background:0 0;border:0;padding:0}.licenseHero,.plansPanel,.paymentPanel,.featuresPanel,.checkoutBox,.historyPanel{background:#fff;border:1px solid #dce4e7;border-radius:8px;box-shadow:0 18px 36px #17202314}.licenseHero{border-top:5px solid #0f766e;grid-template-columns:minmax(0,1fr) 170px minmax(320px,.9fr);align-items:center;gap:16px;padding:18px;display:grid}.licenseHero.expiring_soon,.licenseHero.grace{border-top-color:#d97706}.licenseHero.expired,.licenseHero.suspended{border-top-color:#be123c}.licenseHero h2{font-size:1.6rem}.licenseHero span{color:#617177;font-weight:900;display:block}.daysGauge{color:#0f766e;text-align:center;background:linear-gradient(#effaf7,#fff);border-radius:8px;place-items:center;gap:4px;min-height:136px;display:grid}.daysGauge strong{color:#172023;font-size:2.4rem;line-height:1}.daysGauge span{text-transform:uppercase;font-size:.78rem}.licenseDates,.licenseWarnings{gap:8px;display:grid}.licenseWarnings span{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:12px;font-weight:900}.licenseGrid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;gap:16px;display:grid}.plansPanel,.paymentPanel,.featuresPanel,.historyPanel{gap:14px;padding:18px;display:grid}.planCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.planCard{color:#172023;text-align:left;background:#fbfcfc;border:1px solid #dce4e7;border-radius:8px;gap:8px;min-height:178px;padding:14px;display:grid}.planCard.selected{background:#effaf7;border-color:#0f766e;box-shadow:inset 0 -4px #0f766e}.planCard strong,.planCard span,.planCard b,.planCard small{display:block}.planCard span,.planCard small{color:#617177;font-size:.82rem;font-weight:800}.planCard b{color:#0f766e;font-size:1rem}.paymentMethods{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.paymentMethods button{color:#26373d;background:#fff;border:1px solid #dce4e7;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;display:inline-flex}.paymentMethods button.selected{color:#fff;background:#0f766e;border-color:#0f766e}.amountBox{color:#fff;background:#172023;border-radius:8px;gap:4px;padding:14px;display:grid}.amountBox span,.amountBox small{color:#c9d7d9;font-weight:800}.amountBox strong{font-size:1.7rem}.featureList{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.featureList span{color:#314248;background:#fbfcfc;border:1px solid #e0e8ea;border-radius:8px;align-items:center;gap:8px;padding:10px;font-weight:850;display:inline-flex}.featureList svg{color:#0f766e;flex:none}.checkoutBox{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px;display:grid}.checkoutBox h3,.checkoutBox span{overflow-wrap:anywhere}.checkoutBox img{background:#fff;border:1px solid #dce4e7;border-radius:8px;width:92px;height:92px}.paymentRows{gap:8px;display:grid}.paymentRow{background:#fbfcfc;border:1px solid #e0e8ea;border-radius:8px;grid-template-columns:minmax(0,1fr) auto 150px;align-items:center;gap:10px;padding:12px;display:grid}.paymentRow.eventRow{grid-template-columns:minmax(0,1fr) 150px}.paymentRow strong,.paymentRow span,.paymentRow time{display:block}.paymentRow span,.paymentRow time{color:#617177;font-size:.82rem;font-weight:800}.emptyState{color:#617177;text-align:center;place-items:center;gap:8px;min-height:280px;display:grid}.emptyState strong{color:#172023;font-size:1.1rem}.loginShell{background:linear-gradient(#172023 0,#27323a 48%,#eef2f3 48%),#eef2f3;place-items:center;min-height:100vh;padding:18px;display:grid}.loginPanel{background:#fff;border:1px solid #dce4e7;border-radius:8px;gap:14px;width:min(100%,420px);padding:24px;display:grid;box-shadow:0 22px 48px #17202329}.loginPanel h1{font-size:1.9rem}@media (width<=1240px){.moduleLayout{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.detailPanel{grid-column:1/-1}}@media (width<=860px){.shell{padding:14px}.topbar{flex-direction:column;align-items:flex-start}.topActions,.moduleHeader,.detailActions{justify-content:flex-start;width:100%}.topActions>*,.detailActions>*{flex:auto}.metrics,.moduleLayout,.detailStats,.agentTools,.colorRow{grid-template-columns:1fr}.moduleRail{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.moduleButton{padding:0 8px}.moduleHeader{flex-direction:column;align-items:stretch}.searchBox{min-width:100%}.detailHeader{grid-template-columns:64px minmax(0,1fr);align-items:stretch;display:grid}.detailHeader .pill{grid-column:1/-1;margin-left:0}.deviceItem,.auditItem,.licenseHero,.licenseGrid,.planCards,.checkoutBox,.paymentRow,.paymentRow.eventRow,.paymentMethods{grid-template-columns:1fr}.logoPreview{grid-template-columns:52px minmax(0,1fr)}.logoPreview .miniButton{grid-column:1/-1}}@media (width<=520px){.brandBlock{align-items:flex-start}.brandMark{width:46px;height:46px}.moduleRail{grid-template-columns:1fr}.clientCard{grid-template-columns:40px minmax(0,1fr)}.logoMark{width:40px;height:40px}}