:root{--navy:#0d1b2a;--night:#071b2d;--blue:#2563eb;--teal:#14b8a6;--ink:#102338;--muted:#647786;--line:#dfe8ed;--pale:#eef7f8;--white:#fff;--danger:#dc2626;--warning:#d97706;--success:#059669}*{box-sizing:border-box}html{min-height:100%;background:#f5f8fb}body{min-height:100vh;margin:0;color:var(--ink);font-family:Inter,"Segoe UI",sans-serif;background:linear-gradient(150deg,#fff 0%,#f7fbfd 46%,#eef7f8 100%)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.portal-background{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.portal-background i{position:absolute;border-radius:50%;filter:blur(1px);opacity:.72}.portal-background i:first-child{width:580px;height:580px;right:-230px;top:-250px;background:radial-gradient(circle at 30% 60%,#2563eb2b,transparent 65%)}.portal-background i:last-child{width:520px;height:520px;left:-280px;bottom:-300px;background:radial-gradient(circle at 65% 30%,#14b8a627,transparent 66%)}.portal-header,main,footer{position:relative;z-index:1}.portal-header{width:min(1180px,calc(100% - 48px));height:86px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe8edaa}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800}.brand img{width:29px;height:34px}.brand span{display:flex;flex-direction:column;line-height:.9}.brand small{font-size:6px;color:var(--teal);letter-spacing:3.2px;margin-top:7px}.header-actions{display:flex;align-items:center;gap:18px;color:#526474;font-size:13px;font-weight:650}.header-actions a:hover{color:var(--blue)}.quiet-button{border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 14px;color:var(--ink);cursor:pointer}.kicker,.eyebrow{margin:0;font-size:10px;font-weight:800;letter-spacing:.14em;color:#47728e}.kicker i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:5px}.muted{color:var(--muted)}.login-layout{width:min(1180px,calc(100% - 48px));min-height:calc(100vh - 165px);margin:auto;display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:120px;padding:70px 0}.login-copy h1,.welcome-row h1{font-size:clamp(54px,6vw,82px);letter-spacing:-.06em;line-height:1.02;margin:25px 0}.login-copy h1 em{font-style:normal;color:var(--blue)}.login-copy>p:not(.kicker){max-width:620px;color:var(--muted);font-size:17px;line-height:1.75}.login-copy ul{display:grid;gap:14px;margin:31px 0 0;padding:0;list-style:none;color:#425969;font-size:13px}.login-copy li{display:flex;align-items:center;gap:10px}.login-copy li b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:var(--teal);font-size:11px}.login-card,.card{background:#ffffffd9;border:1px solid #dfe8ed;border-radius:20px;box-shadow:0 28px 70px #173e5720;backdrop-filter:blur(12px)}.login-card{padding:38px}.card-icon,.connection-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--blue),#158eea);color:#fff;font-size:24px;box-shadow:0 12px 25px #2563eb38}.login-card>.eyebrow{margin-top:26px}.login-card h2,.card h2{font-size:24px;letter-spacing:-.04em;margin:9px 0}.login-card>.muted{font-size:13px;line-height:1.65;margin-bottom:24px}.login-card label,.renewal-card label{display:flex;flex-direction:column;gap:7px;margin:14px 0;color:#536a79;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.login-card input,.renewal-card input,.renewal-card select,.renewal-card textarea{width:100%;border:1px solid #d7e1e7;border-radius:10px;background:#fbfdfe;color:var(--ink);padding:13px 14px;outline:none;font-size:12px;letter-spacing:0;text-transform:none}.login-card input:focus,.renewal-card input:focus,.renewal-card select:focus,.renewal-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1b}.primary-button{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding:14px 17px;border:0;border-radius:10px;background:var(--blue);box-shadow:0 12px 26px #2563eb35;color:#fff;font-size:12px;font-weight:750;cursor:pointer}.primary-button:disabled{opacity:.62;cursor:wait}.login-card>small,.renewal-card>small{display:block;margin-top:16px;color:#82919b;font-size:9px;text-align:center}.login-card>small a,.renewal-card>small a{color:var(--blue);font-weight:700}.form-message{min-height:17px;margin:10px 0 0;color:var(--success);font-size:11px;line-height:1.5;text-align:center}.form-message.error{color:var(--danger)}.dashboard-shell{width:min(1180px,calc(100% - 48px));margin:auto;padding:64px 0 90px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px}.welcome-row h1{font-size:44px;margin:13px 0 6px}.welcome-row .muted{font-size:12px}.status-pill{display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid #bce8da;border-radius:999px;background:#eaf9f4;color:var(--success);font-size:11px}.status-pill i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px currentColor;opacity:.75}.status-pill.grace{border-color:#f4d7aa;background:#fff7e9;color:var(--warning)}.status-pill.expired,.status-pill.blocked{border-color:#fecaca;background:#fff1f2;color:var(--danger)}.overview-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.card{padding:27px;box-shadow:0 18px 50px #173e5712}.license-card>header{display:flex;justify-content:space-between;gap:24px}.license-card header>strong{font-size:38px;line-height:1;text-align:right;color:var(--blue)}.license-card header>strong small{display:block;margin-top:7px;color:#84939e;font-size:9px;font-weight:600}.progress{height:6px;margin:26px 0;background:#e7eef3;border-radius:10px;overflow:hidden}.progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--teal));transition:width .45s ease}.license-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0}.license-card dl div{padding:0 20px;border-right:1px solid var(--line)}.license-card dl div:first-child{padding-left:0}.license-card dl div:last-child{border:0}.license-card dt{color:#82919b;font-size:9px}.license-card dd{margin:6px 0 0;font-size:12px;font-weight:750}.connection-card .eyebrow{margin-top:18px}.connection-card h2{font-size:19px}.connection-card>.muted{font-size:10px}.connection-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line);font-size:9px}.connection-line span{display:flex;align-items:center;gap:7px}.connection-line i{width:7px;height:7px;border-radius:50%;background:#a3afb7}.connection-line i.online{background:var(--success);box-shadow:0 0 0 4px #05966915}.connection-card>small{display:block;margin-top:14px;color:#82919b;font-size:8px}.content-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;margin-top:18px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-title h2{font-size:21px}.section-title>strong{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:#eef4ff;color:var(--blue);font-size:13px}.module-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.module-list div{display:flex;align-items:center;gap:9px;min-height:43px;padding:10px;border:1px solid #e2e9ee;border-radius:10px;background:#fbfdfe;font-size:10px;font-weight:650}.module-list i{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#e5f7f3;color:var(--success);font-style:normal}.module-list div.premium{border-color:#d5e2ff;background:#f4f7ff}.module-list div.premium i{background:#e2ebff;color:var(--blue)}.module-list em{margin-left:auto;padding:4px 6px;border-radius:10px;background:#e3ebff;color:var(--blue);font-size:6px;font-style:normal;letter-spacing:.08em}.renewal-card>.muted{font-size:11px;line-height:1.65}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.history-card{margin-top:18px}.history-list{display:grid}.history-row{display:grid;grid-template-columns:1.4fr .7fr .9fr .6fr;align-items:center;gap:16px;padding:14px 8px;border-top:1px solid var(--line);font-size:10px}.history-row:first-child{border-top:0}.history-row>span{color:#687986}.history-row em{justify-self:end;padding:6px 9px;border-radius:999px;background:#fff5dd;color:var(--warning);font-size:8px;font-style:normal;font-weight:750}.history-row em.approved{background:#e8f8f2;color:var(--success)}.history-row em.rejected{background:#fff1f2;color:var(--danger)}.empty-state{display:flex;align-items:center;justify-content:center;gap:12px;min-height:100px;color:#81909b}.empty-state i{font-size:25px;font-style:normal}.empty-state span{display:flex;flex-direction:column;font-size:11px}.empty-state small{margin-top:4px;font-size:9px}footer{width:min(1180px,calc(100% - 48px));min-height:78px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#8a98a2;font-size:9px}footer a{color:var(--blue);font-weight:700}[hidden]{display:none!important}
@media(max-width:900px){.login-layout{grid-template-columns:1fr;gap:45px;padding:65px 0}.login-copy{text-align:center}.login-copy>p:not(.kicker){margin-left:auto;margin-right:auto}.login-copy ul{display:inline-grid;text-align:left}.overview-grid,.content-grid{grid-template-columns:1fr}.connection-card{display:grid;grid-template-columns:auto 1fr;column-gap:16px}.connection-card .connection-icon{grid-row:1/5}.connection-card .eyebrow{margin-top:0}.connection-line{grid-column:1/-1}.connection-card>small{grid-column:1/-1}.welcome-row{align-items:flex-start}}
@media(max-width:620px){.portal-header,.login-layout,.dashboard-shell,footer{width:calc(100% - 28px)}.portal-header{height:70px}.header-actions>a{display:none}.login-layout{padding:42px 0;min-height:calc(100vh - 140px)}.login-copy h1{font-size:47px}.login-copy>p:not(.kicker){font-size:14px}.login-card,.card{padding:21px;border-radius:15px}.welcome-row{display:grid;gap:18px}.welcome-row h1{font-size:34px}.overview-grid,.content-grid{gap:12px}.license-card>header{align-items:flex-start}.license-card header>strong{font-size:30px}.license-card dl{grid-template-columns:1fr}.license-card dl div{display:flex;justify-content:space-between;padding:11px 0;border-right:0;border-bottom:1px solid var(--line)}.module-list{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.history-row{grid-template-columns:1fr auto;gap:6px}.history-row span:nth-child(3){display:none}.history-row em{grid-column:2;grid-row:1/3}footer{flex-wrap:wrap;justify-content:center;gap:8px;padding:22px 0;text-align:center}footer span:nth-child(2){width:100%;order:3}}
.reset-dialog{border:0;border-radius:20px;width:min(480px,94vw);padding:28px}.reset-dialog::backdrop{background:#0d1b2aaa}.reset-dialog label{display:grid;gap:7px;margin:14px 0}.reset-dialog input{border:1px solid var(--line);border-radius:10px;padding:13px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}