:root{color-scheme:dark;font-family:Space Grotesk,system-ui,sans-serif;--ink: #f2f4f7;--ink-strong: #ffffff;--ink-muted: rgba(242, 244, 247, .72);--surface: rgba(22, 24, 28, .78);--surface-strong: rgba(22, 24, 28, .92);--surface-soft: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .12);--brand: #ff7a18;--brand-strong: #ffb86b;--accent: #ff7a18;--accent-weak: rgba(255, 122, 24, .18);--shadow: 0 16px 40px rgba(0, 0, 0, .45);--shadow-strong: 0 24px 70px rgba(0, 0, 0, .65);background:radial-gradient(1000px 620px at 15% 0%,rgba(255,122,24,.2),transparent 60%),radial-gradient(900px 600px at 85% 10%,rgba(255,184,107,.12),transparent 60%),linear-gradient(180deg,#070707,#14171c);color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100vh;background:var(--bg)}.app{max-width:1320px;margin:0 auto;padding:80px 24px}.app-header{position:fixed;top:0;left:0;right:0;z-index:180;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0f12b8;border-bottom:1px solid rgba(255,255,255,.1)}.app-header .app-header-left,.app-header .app-header-right{display:flex;align-items:center;gap:10px}.app-header-right{flex-wrap:nowrap;justify-content:flex-end;gap:10px}.app-header-right .btn{flex:0 0 auto}.app-header{min-height:56px;height:auto;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.app-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.burger{display:inline-flex}.burger-lines{display:inline-flex;flex-direction:column;gap:4px}.burger-lines span{width:18px;height:2px;border-radius:2px;background:#f2f4f7d9}details.menu{position:relative}details.menu summary{list-style:none;-webkit-user-select:none;user-select:none}details.menu summary::-webkit-details-marker{display:none}details.menu[open] .menu-panel{display:grid}.menu-panel{display:none;position:absolute;right:0;top:calc(100% + 10px);width:260px;max-width:calc(100vw - 24px);background:#0d0f12eb;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:10px;box-shadow:var(--shadow);gap:10px}.menu-panel a.btn{justify-content:flex-start}.sidebar-backdrop{display:block;position:fixed;top:56px;right:0;bottom:0;left:0;background:#0000008c;z-index:185}.layout{display:grid;grid-template-columns:1fr;gap:24px}.sidebar{display:grid;gap:24px;align-content:start;position:fixed;top:56px;right:0;bottom:0;width:min(340px,86vw);padding:12px;background:#0d0f12eb;border-left:1px solid rgba(255,255,255,.1);transform:translate(110%);transition:transform .16s ease;z-index:190}.sidebar.open{transform:translate(0)}main{min-width:0}.menu{display:grid;gap:10px;padding:16px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.menu-item{padding:12px 16px;border-radius:12px;border:none;background:transparent;text-align:left;font-weight:600;color:var(--ink);cursor:pointer}.menu-item.active{background:var(--accent);color:#f8fafc}.subnav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.subnav-item{padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:600;color:var(--ink);cursor:pointer}.subnav-item.active{background:var(--accent);color:#f8fafc;border-color:var(--accent)}.group-panel{padding:16px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.group-panel h3{margin-top:0}.group-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.group-list li{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:var(--surface-soft);cursor:pointer}.group-list li.active{background:var(--accent);color:#f8fafc}.hero{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;justify-content:space-between;margin-bottom:32px;padding:32px;background:radial-gradient(900px 420px at 15% 0%,rgba(255,122,24,.22),transparent 65%),radial-gradient(900px 420px at 85% 0%,rgba(255,184,107,.1),transparent 65%),linear-gradient(180deg,#0d0f12db,#0d0f129e);color:#f2f4f7;border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-strong)}.eyebrow{text-transform:uppercase;letter-spacing:4px;font-size:12px;margin:0 0 8px}.accent-text{color:var(--accent)}.hero h1{font-size:clamp(28px,4vw,44px);margin:0 0 12px}.lead{font-size:16px;max-width:520px;margin:0}.stats{display:grid;gap:12px;min-width:200px}.stats div{background:#f8fafc1f;padding:12px 16px;border-radius:16px;text-align:right}.stat-label{display:block;font-size:12px;opacity:.7}.stats strong{font-size:24px}.login-hero{align-items:stretch}.brand-mark{width:44px;height:44px;display:block}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 10px}.login-card{background:#0f172a59;padding:16px;border-radius:16px;width:min(420px,100%)}.auth{margin-top:16px}.login{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:center}.login input{padding:10px 12px;border-radius:10px;border:none;outline:1px solid var(--border)}.btn{padding:10px 16px;border-radius:12px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.btn.ghost{background:#ffffff0a;border:1px solid rgba(255,255,255,.18);color:var(--ink)}.btn.outline{background:transparent;border:1px solid var(--border);color:var(--ink)}.btn.danger{background:#dc2626}input{color:var(--ink);background:#0000002e}input::placeholder{color:#f2f4f78c}.login input{outline:1px solid rgba(255,255,255,.14)}.login input:focus{outline:2px solid rgba(255,122,24,.6)}.btn.small{padding:6px 12px;font-size:12px}.app-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.app-form input,.app-form select{padding:10px 12px;border-radius:10px;border:1px solid var(--border)}.password-field{position:relative;display:flex;align-items:stretch}.password-field input{width:100%;padding-right:86px}.password-toggle{position:absolute;right:6px;top:6px;bottom:6px;display:flex;align-items:center}.group-form,.policy-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.meta-line{grid-column:1 / -1;font-size:12px;color:#64748b;letter-spacing:1px;text-transform:uppercase}.panel-actions{grid-column:1 / -1;display:flex;gap:12px;flex-wrap:wrap}.group-form input,.policy-form input,.policy-form select{padding:10px 12px;border-radius:10px;border:1px solid var(--border)}.app-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.app-list li{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:14px;background:var(--surface-soft)}.detail-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail-grid div{display:grid;gap:6px;padding:10px 12px;background:var(--surface-soft);border-radius:12px}.detail-label{font-size:12px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:1px}.assign{display:grid;gap:12px}.assign-list{display:grid;gap:8px}.checkbox{display:flex;align-items:center;gap:8px}.grid{display:grid;grid-template-columns:1fr;gap:24px}.grid>.panel{min-width:0}@media (min-width: 900px){.grid{grid-template-columns:320px 1fr;grid-auto-rows:min-content}.grid.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid.grid-two{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.panel{background:var(--surface);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.panel-controls label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-muted)}.panel-controls select,.panel-controls input{padding:6px 10px;border-radius:10px;border:1px solid var(--border)}.panel-meta{margin:6px 0 0;font-size:12px;color:var(--ink-muted)}.panel.wide{overflow-x:auto;max-width:100%}.span-all{grid-column:1 / -1}.panel h2{margin-top:0}.device-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.device-list li{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:16px;cursor:pointer;background:var(--surface-soft);transition:transform .2s ease,box-shadow .2s ease}.device-list li.active{background:var(--accent);color:#f8fafc}.device-list li:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a1f}.chip{padding:4px 10px;border-radius:999px;background:var(--accent-weak);font-size:12px}.device-list li.active .chip{background:#f8fafc40}.muted{color:var(--ink-muted)}.error{color:#ff6b6b}table{width:100%;border-collapse:collapse;font-size:14px}.table{width:100%}.panel.user-table{max-height:65vh;overflow:auto}.iframe-wrap{width:100%;height:75vh;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;background:#0003}.iframe-wrap iframe{width:100%;height:100%;border:0}thead th{text-align:left;font-weight:600;padding:0 12px 12px;white-space:nowrap}tbody td{padding:12px;border-top:1px solid var(--border)}.status-table th{font-size:12px;white-space:nowrap}.status-table td{font-size:13px}.cell-num{text-align:right;padding-right:12px}.table-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.inventory-table{min-width:960px}.row-link{cursor:pointer}.row-link:hover{background:var(--accent-weak)}.row-link.active{background:#ff7a1833}