html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}:root{color:#e5e7eb;background:#090f1d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input{font:inherit}.login-page,.loading{background:radial-gradient(circle at 18% 20%,#4f46e533,#0000 35%),linear-gradient(135deg,#080d19,#111827);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#101827;border:1px solid #263247;border-radius:24px;width:100%;max-width:420px;padding:36px;box-shadow:0 30px 80px #00000059}.brand,.side-brand{align-items:center;gap:16px;display:flex}.brand{margin-bottom:32px}.logo{color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);border-radius:16px;place-items:center;width:54px;height:54px;font-size:27px;font-weight:800;display:grid}.logo.small{border-radius:12px;width:40px;height:40px;font-size:17px}h1{letter-spacing:.08em;margin:0}h2{margin:4px 0 0;font-size:30px}h3{margin:3px 0 0}.brand p,.secure-note,small{color:#94a3b8}form{gap:18px;display:grid}label{color:#cbd5e1;gap:8px;font-size:14px;display:grid}input{color:#fff;background:#0b1322;border:1px solid #334155;border-radius:12px;outline:none;padding:14px 15px}input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#6d28d9);border:0;border-radius:12px;padding:14px;font-weight:700}.message{color:#fca5a5;text-align:center;font-size:14px}.secure-note{text-align:center;margin:16px 0 0;font-size:12px}.dashboard{background:#090f1d;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:#0d1524;border-right:1px solid #1f2b3e;flex-direction:column;align-self:start;height:100vh;max-height:100vh;padding:24px 18px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.side-brand{padding:4px 8px 30px}nav{gap:6px;display:grid}.nav-item,.logout{text-align:left;color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px 14px}.nav-item.active{color:#fff;background:#18233a}.logout{color:#fca5a5;margin-top:0;padding-top:8px;padding-bottom:10px}.content{width:100%;max-width:1500px;padding:34px}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.eyebrow{color:#7180a0;letter-spacing:.16em;margin:0;font-size:11px}.user-chip{text-align:right;background:#111b2d;border:1px solid #263247;border-radius:12px;padding:10px 14px;display:grid}.user-chip strong{color:#818cf8;text-transform:uppercase;font-size:11px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.metric,.panel{background:#0f1828;border:1px solid #202d42;border-radius:16px}.metric{padding:20px}.metric span{color:#94a3b8;font-size:13px}.metric strong{margin:10px 0 4px;font-size:28px;display:block}.healthy{color:#34d399}.panel{margin-bottom:18px;padding:22px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.flow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.flow span{color:#c7d2fe;background:#172238;border-radius:9px;padding:9px 11px;font-size:11px}.flow b{color:#475569}.table{display:grid}.row{color:#cbd5e1;border-top:1px solid #1e293b;grid-template-columns:1fr 1fr 100px;gap:15px;padding:13px 4px;display:grid}.status-on{color:#34d399}.status-off{color:#f87171}@media (width<=900px){.dashboard{grid-template-columns:1fr}.sidebar{display:none}.cards{grid-template-columns:repeat(2,1fr)}.content{padding:20px}}@media (width<=550px){.cards{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:12px}}.session-user{color:#cbd5e1;border-top:1px solid #1f2b3e;gap:2px;margin-top:auto;margin-bottom:0;padding:14px 14px 5px;display:grid}.session-user strong{color:#818cf8;text-transform:uppercase;font-size:11px}.record-count{color:#94a3b8;font-size:13px}.users-layout{grid-template-columns:minmax(280px,360px) 1fr;gap:18px;display:grid}.user-form{gap:16px;display:grid}.role-info{color:#94a3b8;background:#0b1322;border:1px solid #263247;border-radius:10px;padding:12px 14px;font-size:13px}.role-info strong{color:#c7d2fe}.page-message{color:#cbd5e1;background:#111b2d;border-radius:10px;margin-top:15px;padding:11px 12px;font-size:13px}.user-table{display:grid}.user-row{color:#cbd5e1;border-top:1px solid #1e293b;grid-template-columns:1fr 1fr 100px 120px;align-items:center;gap:14px;min-height:58px;padding:10px 4px;display:grid}.header-row{color:#64748b;text-transform:uppercase;letter-spacing:.08em;border-top:0;min-height:38px;font-size:11px}.danger-button,.success-button{cursor:pointer;background:0 0;border:1px solid;border-radius:9px;padding:8px 10px}.success-button{color:#6ee7b7;border-color:#065f46}.danger-button:disabled,.success-button:disabled{opacity:.35;cursor:not-allowed}.placeholder{min-height:230px}.placeholder p{color:#94a3b8;max-width:700px;line-height:1.7}@media (width<=1050px){.users-layout{grid-template-columns:1fr}}@media (width<=700px){.user-row{grid-template-columns:1fr 1fr}.header-row{display:none}}.action-buttons{align-items:center;gap:8px;display:flex}.delete-button{color:#fecaca;cursor:pointer;background:#3f1015;border:1px solid #991b1b;border-radius:9px;padding:8px 10px}.delete-button:hover{background:#52151c}.machine-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.machine-card{background:#0f1828;border:1px solid #202d42;border-radius:16px;min-height:230px;padding:20px;position:relative}.machine-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.machine-state{text-transform:uppercase;border-radius:8px;padding:6px 8px;font-size:10px}.machine-state.not_connected{color:#fca5a5;background:#7f1d1d38;border:1px solid #7f1d1d}.machine-details{color:#94a3b8;grid-template-columns:80px 1fr;gap:9px 12px;font-size:12px;display:grid}.machine-details strong{color:#dbeafe;font-weight:500}.read-only-badge{color:#64748b;letter-spacing:.16em;font-size:9px;position:absolute;bottom:16px;right:18px}.empty-state{max-width:700px}.empty-state>p:not(.eyebrow){color:#94a3b8;line-height:1.7}.primary-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#7c3aed);border:0;border-radius:10px;margin-top:14px;padding:11px 15px;font-weight:700}@media (width<=1300px){.machine-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=950px){.machine-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.machine-grid{grid-template-columns:1fr}}.gateway-layout{grid-template-columns:minmax(320px,430px) 1fr;gap:18px;display:grid}.gateway-help{color:#94a3b8;font-size:13px;line-height:1.7}.activation-box{background:#312e812e;border:1px solid #4338ca;border-radius:12px;gap:10px;margin-top:18px;padding:16px;display:grid}.activation-box>span{color:#a5b4fc;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.activation-box code{overflow-wrap:anywhere;color:#f8fafc;font-size:15px;line-height:1.6}.copy-button,.secondary-action{color:#cbd5e1;cursor:pointer;background:#111b2d;border:1px solid #475569;border-radius:9px;width:fit-content;padding:8px 11px}.security-note{background:#064e3b24;border:1px solid #065f46;border-radius:10px;gap:5px;margin-top:18px;padding:13px;display:grid}.security-note strong{color:#6ee7b7;font-size:12px}.security-note span{color:#94a3b8;font-size:12px;line-height:1.6}.gateway-empty{color:#64748b;padding:22px 4px}.gateway-list{display:grid}.gateway-row{border-top:1px solid #1e293b;grid-template-columns:2fr 100px 100px 1.2fr;align-items:center;gap:14px;padding:15px 4px;display:grid}.gateway-row>div{gap:4px;display:grid}.gateway-row small,.gateway-row span{color:#64748b;font-size:10px}.gateway-online{text-transform:uppercase;background:#065f4640;border-radius:8px;width:fit-content;padding:5px 8px;color:#6ee7b7!important}.gateway-offline{text-transform:uppercase;background:#7f1d1d33;border-radius:8px;width:fit-content;padding:5px 8px;color:#fca5a5!important}@media (width<=1100px){.gateway-layout{grid-template-columns:1fr}}@media (width<=700px){.gateway-row{grid-template-columns:1fr 1fr}}.machine-readonly-notice{background:#064e3b1f;border:1px solid #065f46;border-radius:11px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;font-size:12px;display:flex}.machine-readonly-notice strong{color:#6ee7b7;white-space:nowrap}.machine-readonly-notice span{color:#94a3b8}.machine-ip-editor{border-top:1px solid #1e293b;margin-top:18px;padding-top:14px}.machine-ip-editor label{color:#94a3b8;margin-bottom:7px;font-size:11px;display:block}.machine-ip-editor>div{gap:7px;display:flex}.machine-ip-editor input{color:#e2e8f0;background:#0b1322;border:1px solid #334155;border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 9px}.machine-ip-editor input:focus{border-color:#6366f1}.machine-ip-editor button{color:#e2e8f0;cursor:pointer;background:#172033;border:1px solid #475569;border-radius:8px;padding:8px 10px}.machine-ip-readonly{color:#94a3b8;margin-top:18px;font-size:12px}.machine-state.reachable{color:#6ee7b7;background:#065f4640;border:1px solid #065f46}.machine-state.unknown{color:#fde68a;background:#713f1238;border:1px solid #854d0e}.gateway-lifecycle-top{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.gateway-policy{gap:10px;margin-top:18px;display:grid}.gateway-policy>div{border-bottom:1px solid #1e293b;justify-content:space-between;gap:16px;padding:7px 0;display:flex}.gateway-policy strong{color:#dbeafe;font-size:12px}.gateway-policy span{color:#64748b;text-align:right;font-size:11px}.gateway-management-panel,.gateway-history-panel{margin-bottom:18px}.gateway-lifecycle-list{display:grid}.gateway-lifecycle-row{border-top:1px solid #1e293b;grid-template-columns:minmax(190px,1.5fr) 90px 100px minmax(150px,1fr) minmax(280px,1.6fr);align-items:center;gap:14px;padding:16px 0;display:grid}.gateway-main-info,.gateway-meta{gap:4px;display:grid}.gateway-main-info small{color:#475569;overflow-wrap:anywhere;font-size:9px}.gateway-meta span{color:#64748b;font-size:10px}.gateway-meta strong{font-size:11px}.gateway-status{border-radius:8px;width:fit-content;padding:5px 8px;font-size:9px;font-weight:700}.gateway-status-online{color:#6ee7b7;background:#065f4640}.gateway-status-offline,.gateway-status-disabled{color:#fde68a;background:#713f1238}.gateway-status-revoked{color:#fca5a5;background:#7f1d1d40}.gateway-actions{flex-wrap:wrap;gap:6px;display:flex}.gateway-actions button{color:#cbd5e1;cursor:pointer;background:#111b2d;border:1px solid #334155;border-radius:7px;padding:6px 8px;font-size:10px}.activation-history{display:grid}.activation-history-row{border-top:1px solid #1e293b;grid-template-columns:100px 1fr 1fr 1.5fr;align-items:center;gap:16px;padding:13px 0;display:grid}.activation-history-row>div{gap:4px;display:grid}.activation-history-row span{color:#64748b;font-size:10px}.activation-history-row strong{overflow-wrap:anywhere;font-size:11px}.activation-status{border-radius:8px;width:fit-content;padding:5px 8px;font-weight:700;font-size:9px!important}.activation-pending{background:#1e40af38;color:#93c5fd!important}.activation-used{background:#065f4638;color:#6ee7b7!important}.activation-expired{background:#3341554d;color:#94a3b8!important}@media (width<=1200px){.gateway-lifecycle-row{grid-template-columns:1fr 90px 100px 1fr}.gateway-actions{grid-column:1/-1}}@media (width<=800px){.gateway-lifecycle-top{grid-template-columns:1fr}.gateway-lifecycle-row,.activation-history-row{grid-template-columns:1fr 1fr}}.gateway-status-archived{color:#cbd5e1;background:#4755694d}.activation-revoked{background:#7f1d1d40;color:#fca5a5!important}.server-status-page{gap:10px;min-width:0;display:grid}.server-status-header{justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:2px;display:flex}.server-status-header h1{letter-spacing:-.035em;margin:4px 0 8px;font-size:clamp(26px,2.2vw,34px)}.server-status-header>div>p:not(.eyebrow){color:#94a3b8;max-width:920px;margin:0;font-size:14px;line-height:1.45}.server-header-meta{color:#64748b;flex-wrap:wrap;gap:10px 22px;margin-top:8px;font-size:12px;display:flex}.server-header-meta span{gap:4px;display:inline-flex}.server-header-meta strong{color:#cbd5e1}.server-refresh{color:#e5edf7;cursor:pointer;background:#0f172abd;border:1px solid #94a3b83d;border-radius:11px;flex:none;min-height:38px;padding:0 14px;font-weight:700;transition:border-color .18s,background .18s,transform .18s}.server-refresh:hover:not(:disabled){background:#f59e0b14;border-color:#f59e0b7a;transform:translateY(-1px)}.server-refresh:disabled{opacity:.55;cursor:default}.server-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.server-metric-card{background:radial-gradient(circle at 50% -20%,#f59e0b17,#0000 54%),linear-gradient(#132034f7,#0d1828f7);border:1px solid #94a3b826;border-radius:14px;align-content:center;justify-items:center;gap:10px;min-width:0;min-height:164px;padding:12px;display:grid;box-shadow:0 12px 30px #00000024}.server-ring{--server-ring-color:#34d399;background:conic-gradient(var(--server-ring-color) var(--server-ring-progress), #94a3b824 0);border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:relative}.server-ring:after{content:"";background:#101b2d;border-radius:50%;position:absolute;inset:7px;box-shadow:inset 0 0 0 1px #ffffff09}.server-ring.warning{--server-ring-color:#f59e0b}.server-ring.critical{--server-ring-color:#f87171}.server-ring-center{z-index:1;text-align:center;place-items:center;display:grid;position:relative}.server-ring-center strong{letter-spacing:-.03em;font-size:18px;line-height:1}.server-metric-copy{text-align:center;gap:4px;display:grid}.server-metric-copy span{color:#e5edf7;font-size:13px;font-weight:700}.server-metric-copy small{color:#8292a8;min-height:14px;font-size:11px;line-height:1.3}.server-section,.server-card,.server-technical-details{background:linear-gradient(#142237f5,#0e192af5);border:1px solid #94a3b826;border-radius:18px;min-width:0;box-shadow:0 12px 30px #0000001a}.server-section{padding:16px}.server-section-heading,.server-card-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.server-section-heading{margin-bottom:8px}.server-section-heading h2,.server-card-heading h2{margin:3px 0 0;font-size:17px}.server-section-heading>span{color:#64748b;font-size:12px}.server-section-description{color:#8292a8;max-width:100%;margin:-2px 0 12px;font-size:12px;line-height:1.6}.server-service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.server-service-card{background:#060f1d45;border:1px solid #94a3b81c;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:64px;padding:12px;display:flex}.server-service-card>div{gap:5px;min-width:0;display:grid}.server-service-card strong{color:#e5edf7;font-size:13px}.server-service-card small{color:#718096;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.server-status-badge{border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:27px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.server-status-badge.healthy{color:#34d399;background:#34d3991c}.server-status-badge.warning{color:#fbbf24;background:#fbbf241a}.server-status-badge.critical{color:#f87171;background:#f871711a}.server-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.server-card{padding:16px}.server-card-heading{margin-bottom:8px}.server-info-row{border-bottom:1px solid #94a3b814;grid-template-columns:minmax(130px,.85fr) minmax(0,1.15fr);gap:12px;padding:8px 0;display:grid}.server-info-row:last-child{border-bottom:0}.server-info-row span{color:#7e8ea5}.server-info-row strong{overflow-wrap:anywhere;color:#e5edf7;text-align:right;min-width:0}.server-gauge{margin:12px 0 16px}.server-gauge:last-child{margin-bottom:4px}.server-gauge-head{justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.server-gauge-head span{color:#cbd5e1}.server-gauge-head strong{color:#f8fafc}.server-gauge-track{background:#94a3b81f;border-radius:999px;width:100%;height:7px;overflow:hidden}.server-gauge-fill{border-radius:inherit;background:#34d399;height:100%}.server-gauge-fill.warning{background:#f59e0b}.server-gauge-fill.critical{background:#f87171}.server-gauge small{color:#718096;margin-top:5px;display:block}.server-network-details{padding:0;overflow:hidden}.server-network-summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;min-height:68px;margin:0;padding:12px 14px;list-style:none;display:flex}.server-network-summary::-webkit-details-marker{display:none}.server-network-summary>div{flex:1;gap:3px;min-width:0;display:grid}.server-network-kicker{color:#f59e0b;letter-spacing:.13em;font-size:10px;font-weight:800}.server-network-summary strong{color:#f8fafc;font-size:16px;line-height:1.25}.server-network-summary:after{content:"";border-bottom:2px solid #94a3b8;border-right:2px solid #94a3b8;flex:0 0 8px;width:8px;height:8px;transition:transform .18s;transform:rotate(45deg)}.server-network-details[open]>.server-network-summary:after{transform:rotate(225deg)}.server-network-details[open]>.server-network-summary{border-bottom:1px solid #94a3b81a}.server-network-details>.server-network-grid{padding:14px}.server-network-summary:focus-visible{outline-offset:-2px;outline:2px solid #f59e0b8c}@media (width<=620px){.server-network-summary{flex-wrap:wrap;align-items:flex-start}.server-network-summary .server-context-chip{order:3}}.server-network-section{background:radial-gradient(circle at 100% 0,#f59e0b14,#0000 38%),linear-gradient(#142237f7,#0e192af7)}.server-context-chip{background:#f59e0b12;border:1px solid #f59e0b38;border-radius:999px;align-items:center;min-height:29px;padding:5px 10px;font-weight:700;display:inline-flex;color:#fbbf24!important}.server-network-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;display:grid}.server-network-card{background:#060f1d52;border:1px solid #94a3b81f;border-radius:15px;min-width:0;padding:14px}.server-network-card-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px;display:flex}.server-network-card-head>div{gap:4px;display:grid}.server-network-card-head span{color:#718096;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.server-network-card-head strong{font-size:13px}.server-network-badge{background:#34d3991a;border-radius:999px;align-items:center;min-height:27px;padding:5px 9px;font-weight:800;display:inline-flex;color:#34d399!important;text-transform:none!important;letter-spacing:0!important}.server-network-meta .server-info-row{grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr)}.server-inline-details{border-top:1px solid #94a3b814;margin-top:12px;padding-top:12px}.server-inline-details summary{color:#8292a8;cursor:pointer;font-size:12px}.server-inline-details code{overflow-wrap:anywhere;color:#94a3b8;margin-top:10px;font-size:10px;line-height:1.5;display:block}.server-technical-details{padding:0}.server-technical-details>summary{color:#cbd5e1;cursor:pointer;padding:14px 16px;font-weight:700;list-style-position:inside}.server-technical-details[open]>summary{border-bottom:1px solid #94a3b814}.server-technical-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:6px 16px 16px;display:grid}.server-alert.critical{color:#fecaca;background:#f8717112;border:1px solid #f8717140;border-radius:12px;padding:14px 16px}@media (width<=1200px){.server-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.server-status-header{flex-direction:column}.server-layout-grid,.server-network-grid,.server-technical-grid{grid-template-columns:1fr}.server-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.server-overview-grid,.server-service-grid{grid-template-columns:1fr}.server-metric-card{min-height:150px}.server-section,.server-card{padding:16px}.server-section-heading,.server-card-heading{flex-direction:column}.server-info-row,.server-network-meta .server-info-row{grid-template-columns:1fr;gap:4px}.server-info-row strong{text-align:left}}.identity-login-card{max-width:460px}.identity-login-card .akillo-login-brand{margin-bottom:26px}.login-mode-switch{background:#0b1322;border:1px solid #263247;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px;padding:5px;display:grid}.login-mode-switch button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:11px 8px;font-weight:700}.login-mode-switch button.active{color:#fff;background:#18233a;box-shadow:0 4px 18px #0000002e}.login-context{background:#ffffff06;border:1px solid #202d42;border-radius:12px;gap:5px;margin-bottom:22px;padding:13px 14px;display:grid}.login-context strong{color:#f59e0b;font-size:13px}.login-context span{color:#94a3b8;font-size:12px;line-height:1.5}.password-input-wrap{position:relative}.password-input-wrap input{width:100%;padding-right:52px}.password-eye{color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-radius:9px;width:40px;height:36px;font-size:17px;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.password-eye:hover{background:#ffffff0f}.remember-row{cursor:pointer;align-items:center;gap:9px;width:fit-content;display:flex}.remember-row input{accent-color:#f59e0b;width:17px;height:17px;margin:0;padding:0}.remember-row span{color:#cbd5e1}.login-submit{width:100%}.login-submit:disabled{opacity:.6;cursor:wait}@media (width<=520px){.identity-login-card{padding:26px 20px}}.password-change-card{max-width:500px}.password-change-heading{margin:24px 0}.password-change-heading h2{margin:7px 0 10px}.password-change-heading>p:last-child{color:#94a3b8;margin:0;line-height:1.6}.password-policy-box{background:#f59e0b0f;border:1px solid #f59e0b40;border-radius:12px;gap:6px;padding:13px 14px;display:grid}.password-policy-box strong{color:#fbbf24;font-size:13px}.password-policy-box span{color:#cbd5e1;font-size:12px;line-height:1.55}.password-reset-card{max-width:480px}.reset-heading{margin:24px 0}.reset-heading h2{margin:7px 0 10px}.reset-heading>p:last-child{color:#94a3b8;margin:0;line-height:1.6}.forgot-password-button,.reset-secondary-button,.reset-cancel-button{cursor:pointer;background:0 0;border:0}.forgot-password-button{color:#f59e0b;padding:2px 0;font-size:13px;font-weight:700}.forgot-password-button:disabled,.reset-secondary-button:disabled,.reset-cancel-button:disabled{opacity:.5;cursor:not-allowed}.reset-timer{background:#0b1322;border:1px solid #263247;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 16px;display:flex}.reset-timer span{color:#94a3b8;font-size:13px}.reset-timer strong{color:#fbbf24;letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:25px}.otp-input{text-align:center;letter-spacing:.28em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.attempt-info{color:#94a3b8;text-align:center;font-size:12px}.attempt-info strong{color:#e5e7eb}.reset-secondary-button{color:#cbd5e1;border:1px solid #334155;border-radius:12px;width:100%;padding:12px}.reset-secondary-button:not(:disabled):hover{background:#ffffff0a}.reset-cancel-button{color:#94a3b8;padding:8px;font-size:12px}.reset-success{text-align:center;gap:16px;margin-top:28px;display:grid}.reset-success-mark{color:#34d399;background:#34d39914;border:1px solid #34d39959;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto;font-size:30px;font-weight:900;display:grid}.reset-success h2{margin:0}.reset-success p{color:#94a3b8;margin:0;line-height:1.6}.reset-primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#6d28d9);border:0;border-radius:12px;padding:14px;font-weight:700}.identity-login-card form>label{gap:8px;display:grid}.identity-login-card input[type=text],.identity-login-card input[type=password]{box-sizing:border-box;min-height:48px;line-height:1.2}.password-input-wrap{width:100%;position:relative}.password-input-wrap input{width:100%;min-height:48px;padding-right:54px}.password-eye{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;margin:0;padding:0;font-size:0;line-height:1;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-eye-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:19px;height:19px;display:block}.password-eye:hover{color:#e2e8f0;background:#ffffff0f}.identity-login-card input:-webkit-autofill{-webkit-text-fill-color:#e5edf7;caret-color:#e5edf7;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0f1a2b}.identity-login-card input:-webkit-autofill:hover{-webkit-text-fill-color:#e5edf7;caret-color:#e5edf7;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0f1a2b}.identity-login-card input:-webkit-autofill:focus{-webkit-text-fill-color:#e5edf7;caret-color:#e5edf7;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0f1a2b}.password-reset-card input:-webkit-autofill{-webkit-text-fill-color:#e5edf7;caret-color:#e5edf7;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0f1a2b}.password-reset-card input:-webkit-autofill:hover{-webkit-text-fill-color:#e5edf7;caret-color:#e5edf7;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0f1a2b}.password-reset-card input:-webkit-autofill:focus{-webkit-text-fill-color:#e5edf7;caret-color:#e5edf7;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0f1a2b}.remember-row{min-height:24px}.identity-login-card form>label.remember-row{align-items:center;gap:9px;width:fit-content;display:flex}.identity-login-card form>label.remember-row input{flex:none}.identity-login-card form>label.remember-row span{line-height:1.2}.login-submit{min-height:48px}:root{--akillo-bg:#08111f;--akillo-bg-soft:#0d1728;--akillo-surface:#111c2f;--akillo-surface-2:#162338;--akillo-border:#253650;--akillo-text:#f8fafc;--akillo-text-soft:#c7d2e1;--akillo-muted:#7f91aa;--akillo-orange:#ee7e22;--akillo-orange-hover:#ff9138;--akillo-orange-soft:#ee7e221f;--akillo-success:#55d6a7;--akillo-warning:#f5c45e;--akillo-danger:#f77;--akillo-info:#73a9ff;--akillo-radius-sm:8px;--akillo-radius:14px;--akillo-radius-lg:20px;--akillo-shadow:0 18px 45px #0000003d;--akillo-transition:.16s ease}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top right, #ee7e220f, transparent 28rem), var(--akillo-bg);color:var(--akillo-text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}a{color:var(--akillo-orange)}button,input,select,textarea{font:inherit}.akillo-brand{align-items:center;gap:12px;display:flex}.akillo-brand-logo{object-fit:contain;width:122px;max-height:64px;display:block}.akillo-brand-name{gap:2px;display:grid}.akillo-brand-name strong{color:var(--akillo-text);letter-spacing:.06em;font-size:16px}.akillo-brand-name span{color:var(--akillo-muted);letter-spacing:.07em;text-transform:uppercase;font-size:10px}.panel,.card,.dashboard-card,.stat-card{background:linear-gradient(180deg, #ffffff05, transparent), var(--akillo-surface);border:1px solid var(--akillo-border);border-radius:var(--akillo-radius);box-shadow:0 10px 28px #0000001a}.panel{padding:20px}.topbar{border-bottom:1px solid var(--akillo-border)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700;color:var(--akillo-orange)!important}input,select,textarea{background:var(--akillo-bg-soft);border:1px solid var(--akillo-border);border-radius:var(--akillo-radius-sm);color:var(--akillo-text);transition:border-color var(--akillo-transition), box-shadow var(--akillo-transition);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--akillo-orange);box-shadow:0 0 0 3px #ee7e221a}.primary-action,button.primary-action{border-radius:var(--akillo-radius-sm);background:var(--akillo-orange);color:#fff;cursor:pointer;transition:background var(--akillo-transition), transform var(--akillo-transition);border:0;font-weight:700}.primary-action:hover:not(:disabled){background:var(--akillo-orange-hover)}.primary-action:active:not(:disabled){transform:translateY(1px)}.secondary-action,button.secondary-action{border:1px solid var(--akillo-border);border-radius:var(--akillo-radius-sm);background:var(--akillo-surface-2);color:var(--akillo-text-soft);cursor:pointer}.danger-button{color:var(--akillo-danger)!important;border-color:#ff777759!important}.gateway-status-online,.status-online,.status-success{color:var(--akillo-success)!important;background:#55d6a71a!important}.gateway-status-offline,.status-warning{color:var(--akillo-warning)!important;background:#f5c45e1a!important}.gateway-status-revoked,.status-error{color:var(--akillo-danger)!important;background:#ff77771a!important}table{border-collapse:collapse;width:100%}th{color:var(--akillo-muted);letter-spacing:.07em;text-transform:uppercase;font-size:10px}td,th{border-bottom:1px solid var(--akillo-border)}.akillo-footer{border-top:1px solid var(--akillo-border);color:var(--akillo-muted);text-align:center;gap:7px;margin-top:28px;padding:24px 16px;font-size:11px;display:grid}.akillo-footer strong{color:var(--akillo-text-soft)}.akillo-footer-links{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.akillo-footer-links a{color:var(--akillo-orange);text-decoration:none}.akillo-footer-links a:hover{text-decoration:underline}.akillo-login-brand{text-align:center;justify-items:center;gap:10px;margin-bottom:22px;display:grid}.akillo-login-brand img{object-fit:contain;width:min(280px,78vw);max-height:135px}.akillo-login-brand h1{letter-spacing:.04em;margin:0;font-size:24px}.akillo-login-brand p{color:var(--akillo-muted);margin:0;font-size:12px}@media (width<=760px){.panel{padding:16px}.akillo-brand-logo{width:105px}.akillo-footer-links{flex-direction:column;align-items:center}}.platform-inline{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.platform-inline input{width:160px;padding:10px 12px}.platform-inline button{padding:10px 16px}.platform-machine-list,.platform-gateway-list{gap:10px;display:grid}.platform-machine-row,.platform-gateway-row{border:1px solid var(--akillo-border);border-radius:var(--akillo-radius-sm);background:var(--akillo-bg-soft);align-items:center;gap:12px;padding:14px;display:grid}.platform-machine-row{grid-template-columns:minmax(180px,1fr) minmax(180px,260px) auto}.platform-gateway-row{grid-template-columns:minmax(220px,1fr) minmax(120px,auto) auto}.platform-machine-row>div:first-child,.platform-gateway-row>div:first-child{gap:4px;display:grid}.platform-machine-row span,.platform-gateway-row span,.platform-gateway-row small{color:var(--akillo-muted);font-size:11px}.platform-machine-row input{width:100%;padding:9px 11px}.platform-machine-row button,.platform-actions button{padding:9px 12px}.platform-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.activation-code-box{border-radius:var(--akillo-radius);background:var(--akillo-orange-soft);border:1px solid #ee7e2259;gap:8px;margin-bottom:16px;padding:16px;display:grid}.activation-code-box strong{color:var(--akillo-orange);letter-spacing:.06em;font-size:22px}.activation-code-box span{color:var(--akillo-text-soft);font-size:12px}@media (width<=900px){.platform-machine-row,.platform-gateway-row{grid-template-columns:1fr}.platform-actions{justify-content:flex-start}}