@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-body: #f5f6fb;--bg-surface: #ffffff;--bg-surface-alt: #f4f5fa;--panel-2: #f3f4fa;--bg-sidebar: #15161f;--border: #e9eaf2;--border-strong: #d7dae8;--card-border: #ebecf4;--text-primary: #181a27;--text-secondary: #565b6e;--text-muted: #898fa4;--accent: #6d5efc;--accent-hover: #5b4cf0;--accent-press: #4f3fe0;--accent-soft: #eeebff;--accent-soft-bd: #ddd6ff;--accent-ring: rgba(109, 94, 252, .3);--accent-grad: linear-gradient(135deg, #8b7bff 0%, #6d5efc 55%, #5b4cf0 100%);--success: #15a05a;--danger: #e5484d;--warning: #d6920b;--info: #6d5efc;--sidebar-text: #9a9fb6;--sidebar-hover: rgba(255, 255, 255, .055);--sidebar-active: rgba(124, 108, 255, .16);--online-text: #11824a;--online-bg: #e4f6ec;--online-border: #bce8cf;--offline-text: #c0353a;--offline-bg: #fceced;--offline-border: #f6cccd;--warn-text: #97670a;--warn-bg: #fcf2dd;--warn-border: #f3dfb0;--unknown-text: #6a7086;--unknown-bg: #eef0f6;--unknown-border: #dfe2ee;--tone-good: #15a05a;--tone-warn: #d6920b;--tone-bad: #e5484d;--shadow-xs: 0 1px 2px rgba(20, 22, 42, .04);--shadow-sm: 0 1px 2px rgba(20, 22, 42, .05), 0 1px 3px rgba(20, 22, 42, .04);--shadow-card: 0 1px 2px rgba(20, 22, 42, .04), 0 6px 20px rgba(20, 22, 42, .05);--shadow-md: 0 8px 24px rgba(20, 22, 42, .1);--shadow-lg: 0 18px 50px rgba(20, 22, 42, .16);--radius-sm: 8px;--radius-md: 11px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--transition: all .16s cubic-bezier(.4, 0, .2, 1);--sidebar-w: 252px;--sidebar-w-mini: 76px;--mono: "JetBrains Mono", "SF Mono", "Cascadia Code", Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:1240px;min-height:100vh;background:radial-gradient(1100px 560px at 100% -8%,rgba(109,94,252,.07),transparent 58%),radial-gradient(900px 500px at -5% 110%,rgba(99,91,255,.05),transparent 60%),var(--bg-body);background-attachment:fixed;font-family:Inter,-apple-system,Segoe UI,system-ui,sans-serif;font-size:14px;color:var(--text-primary);line-height:1.5;letter-spacing:-.006em}h1,h2,h3,p{margin:0}h1{font-size:25px;font-weight:700;letter-spacing:-.022em;color:var(--text-primary);line-height:1.2}h2{font-size:16px;font-weight:600;letter-spacing:-.012em;color:var(--text-primary)}h3{font-size:14px;font-weight:600;color:var(--text-primary)}p{color:var(--text-secondary);font-size:14px}small{color:var(--text-muted);font-size:12px}code{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:12px;color:var(--accent-press);background:#f2f1fc;border:1px solid #e6e3f8;border-radius:6px;padding:1px 6px}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:13.5px;font-weight:500;cursor:pointer;padding:0 16px;transition:var(--transition);white-space:nowrap;outline:none;box-shadow:var(--shadow-xs)}button:hover:not(:disabled){background:var(--bg-surface-alt);border-color:#c9cde0}button:active:not(:disabled){transform:translateY(.5px)}button:focus-visible{box-shadow:0 0 0 3px var(--accent-ring);border-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.55}button.danger{background:var(--danger);border-color:transparent;color:#fff;box-shadow:0 1px 2px #a01e2340,0 4px 14px #e5484d47}button.danger:hover:not(:disabled){background:#d83b40;color:#fff}button.primary,.btn-primary{background:var(--accent);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 1px 2px #4f3fe047,0 4px 14px #6d5efc52}button.primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:transparent;color:#fff;box-shadow:0 2px 4px #4f3fe04d,0 6px 20px #6d5efc66}input,select,textarea{width:100%;height:40px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:14px;outline:none;padding:0 13px;transition:border-color .15s ease,box-shadow .15s ease}textarea{height:auto;min-height:84px;padding:11px 13px;resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}input::placeholder,textarea::placeholder{color:#aab0c2}input[type=checkbox]{width:auto;height:auto;min-height:0;padding:0;accent-color:var(--accent);border-radius:4px;cursor:pointer}input[type=file]{padding:7px 10px;height:auto;font-size:13px;color:var(--text-secondary);cursor:pointer;background:var(--bg-surface-alt)}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23898fa4' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;-webkit-appearance:none;-moz-appearance:none;appearance:none}label{color:var(--text-secondary);display:grid;font-size:13px;font-weight:600;gap:7px}.console-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh;transition:grid-template-columns .22s ease}.console-shell.collapsed{grid-template-columns:var(--sidebar-w-mini) minmax(0,1fr)}.sidebar{background:radial-gradient(440px 220px at 22% 0%,rgba(124,108,255,.18),transparent 70%),linear-gradient(180deg,#1b1c28,#131320);color:#fff;display:flex;flex-direction:column;gap:5px;padding:0 14px 16px;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;border-right:1px solid rgba(255,255,255,.05)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.brand{align-items:center;display:flex;gap:11px;height:68px;padding:0 6px;margin-bottom:6px;flex-shrink:0;white-space:nowrap;overflow:hidden}.brand-mark{align-items:center;background:var(--accent-grad);border-radius:12px;display:inline-flex;font-size:18px;font-weight:800;height:38px;width:38px;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #6d5efc80,inset 0 1px #ffffff47}.brand strong{display:block;color:#fff;font-size:15.5px;font-weight:700;letter-spacing:-.01em}.brand strong b{font-weight:800}.brand small{display:block;color:#8b90a8;font-size:11px;margin-top:2px}.collapsed .brand{justify-content:center;padding:0;gap:0}.collapsed .brand strong,.collapsed .brand small{display:none}.side-nav{display:grid;gap:3px;flex:1;align-content:start;padding-top:6px}.side-nav a{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--sidebar-text);display:flex;gap:12px;font-size:13.5px;font-weight:500;justify-content:flex-start;height:42px;padding:0 12px;text-decoration:none;transition:var(--transition);white-space:nowrap;overflow:hidden;position:relative}.side-nav a svg{flex-shrink:0;opacity:.82;width:18px;height:18px}.side-nav a:hover:not(.active){background:var(--sidebar-hover);color:#fff}.side-nav a:hover:not(.active) svg{opacity:1}.side-nav a.active{background:var(--sidebar-active);color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px #7c6cff38}.side-nav a.active svg{opacity:1;stroke:#b8acff}.side-nav a.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--accent-grad);box-shadow:0 0 12px #7c6cffd9}.collapsed .side-nav a{justify-content:center;gap:0;padding:0;font-size:0}.collapsed .side-nav a:before{display:none}.collapsed .side-nav a svg{opacity:.9}.collapsed .side-nav-label,.collapsed .side-sub-group{display:none}.side-nav button{align-items:center;background:transparent;border:none;box-shadow:none;border-radius:var(--radius-md);color:var(--sidebar-text);display:flex;gap:12px;font-size:13.5px;justify-content:flex-start;height:42px;padding:0 12px;text-align:left;width:100%}.side-nav button:hover{background:var(--sidebar-hover);color:#fff}.side-nav button.active{background:var(--sidebar-active);color:#fff}.api-card{position:relative;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);margin-top:auto;padding:12px 14px;background:#ffffff0a;flex-shrink:0}.collapsed .api-card{display:none}.api-card span,.api-card strong,.api-card small{display:block}.api-card span{color:#7e8399;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.api-card strong{font-size:13px;font-weight:600;color:#fff;margin-bottom:4px}.api-card small{color:#7e8399;font-size:10.5px;overflow-wrap:anywhere;word-break:break-all}.api-card.online strong{color:#3ddc87}.api-card.offline strong{color:#ff7a85}.api-card.online:before,.api-card.offline:before{content:"";position:absolute;top:13px;right:13px;width:8px;height:8px;border-radius:50%}.api-card.online:before{background:#3ddc87;box-shadow:0 0 0 4px #3ddc872e;animation:pulse-dot 2.2s ease-in-out infinite}.api-card.offline:before{background:#ff7a85;box-shadow:0 0 0 4px #ff7a8529}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #3ddc8738}50%{box-shadow:0 0 0 6px #3ddc870d}}.topbar{align-items:center;background:#ffffffc7;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border-bottom:1px solid var(--border);display:flex;gap:14px;height:64px;padding:0 22px;position:sticky;top:0;z-index:20}.nav-toggle{background:transparent;border:none;box-shadow:none;color:var(--text-secondary);font-size:17px;height:38px;width:38px;padding:0;border-radius:var(--radius-md)}.nav-toggle:hover{background:var(--bg-surface-alt);color:var(--text-primary)}.topbar .kicker{margin:0}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.main-area{display:grid;align-content:start;gap:22px;grid-template-rows:auto auto 1fr auto;min-height:100vh;padding:0}.main-area>*:not(.topbar):not(.footer){margin:0 28px}.main-area>.page-header{margin-top:26px}.main-area>*:last-of-type:not(.footer){margin-bottom:12px}.page-header{align-items:center;display:flex;justify-content:space-between}.kicker{color:var(--accent);display:block;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:2px;text-transform:uppercase}.breadcrumb{align-items:center;display:flex;gap:9px;font-size:13px;color:var(--text-muted);list-style:none;margin:0;padding:0}.breadcrumb a{color:var(--text-secondary);text-decoration:none;font-weight:500}.breadcrumb a:hover{color:var(--accent)}.breadcrumb .sep{color:#c4c9d8}.header-actions{display:flex;gap:9px;align-items:center}.footer{color:var(--text-muted);font-size:13px;padding:18px 28px;display:flex;justify-content:space-between;border-top:1px solid var(--border);margin-top:8px}.footer strong{color:var(--text-secondary);font-weight:600}.page-grid{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.panel{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:22px}.panel.wide{grid-column:span 3}.panel-title{margin:-22px -22px 18px;padding:17px 22px;border-bottom:1px solid var(--border)}.panel-title h2{font-size:16px;font-weight:600;letter-spacing:-.012em;color:var(--text-primary)}.panel-title p{font-size:12.5px;color:var(--text-muted);margin-top:3px}.metric{position:relative;overflow:hidden;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);min-height:116px;padding:20px 22px;display:flex;flex-direction:column;justify-content:center;gap:9px;transition:var(--transition)}.metric:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#e1e3f1}.metric:after{content:"";position:absolute;top:-34px;right:-34px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(109,94,252,.12),transparent 70%);pointer-events:none}.metric:before{display:none}.metric span{order:1;color:var(--text-muted);display:block;font-size:12.5px;font-weight:600;letter-spacing:.005em}.metric strong{order:0;color:var(--text-primary);display:block;font-size:38px;font-weight:800;line-height:1;letter-spacing:-.025em}.metric.good strong{color:var(--tone-good)}.metric.good:after{background:radial-gradient(circle,rgba(21,160,90,.14),transparent 70%)}.metric.warn strong{color:var(--tone-warn)}.metric.warn:after{background:radial-gradient(circle,rgba(214,146,11,.16),transparent 70%)}.metric.bad strong{color:var(--tone-bad)}.metric.bad:after{background:radial-gradient(circle,rgba(229,72,77,.14),transparent 70%)}.devices-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 440px}.device-panel{min-height:calc(100vh - 200px);padding:0;overflow:hidden}.device-panel .toolbar{margin-top:0}.toolbar{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:16px 20px;background:var(--bg-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.filters{display:grid;gap:10px;grid-template-columns:360px 150px}.table-wrap{max-height:calc(100vh - 300px);overflow:auto;scrollbar-width:thin;scrollbar-color:#d3d7e6 transparent}.table-wrap::-webkit-scrollbar{width:8px;height:8px}.table-wrap::-webkit-scrollbar-track{background:transparent}.table-wrap::-webkit-scrollbar-thumb{background:#d3d7e6;border-radius:4px;border:2px solid transparent;background-clip:padding-box}.device-table{border-collapse:collapse;font-size:13px;width:100%}.device-table th{background:var(--bg-surface-alt);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:12px 16px;position:sticky;text-align:left;top:0;z-index:1;white-space:nowrap}.device-table td{border-top:1px solid var(--border);color:var(--text-secondary);padding:13px 16px;vertical-align:middle;font-size:13px}.device-table tbody tr{cursor:pointer;transition:background .12s}.device-table tbody tr:hover{background:#faf9ff}.device-table tbody tr.selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.device-table strong,.device-table small{display:block}.device-table strong{font-size:13px;font-weight:600;color:var(--text-primary)}.device-table small{font-size:11px;color:var(--text-muted);margin-top:2px}.device-table code{font-size:11px;margin-top:2px}.ip-chip{align-items:center;display:inline-flex;gap:7px;font-size:13px}.ip-chip b{background:var(--accent-soft);border:1px solid var(--accent-soft-bd);border-radius:6px;color:var(--accent-press);font-size:10px;font-weight:700;padding:2px 7px;white-space:nowrap}.status-badge{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:10.5px;font-weight:700;gap:6px;padding:4px 10px;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}.status-badge i{border-radius:50%;display:block;flex-shrink:0;height:6px;width:6px}.status-badge.online{background:var(--online-bg);border-color:var(--online-border);color:var(--online-text)}.status-badge.online i{background:var(--online-text);box-shadow:0 0 0 3px #11824a26}.status-badge.offline{background:var(--offline-bg);border-color:var(--offline-border);color:var(--offline-text)}.status-badge.offline i{background:var(--offline-text)}.status-badge.warning{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-text)}.status-badge.warning i{background:var(--warn-text)}.status-badge.unknown{background:var(--unknown-bg);border-color:var(--unknown-border);color:var(--unknown-text)}.status-badge.unknown i{background:var(--unknown-text)}.online i{background:var(--online-text)}.offline i{background:var(--offline-text)}.warning i{background:var(--warn-text)}.unknown i{background:var(--unknown-text)}.pagination{align-items:center;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:14px 20px}.pagination span{color:var(--text-muted);font-size:13px}.pagination button{height:34px;padding:0 14px;font-size:13px}.detail-panel{max-height:calc(100vh - 200px);overflow:auto;padding:0;scrollbar-width:thin;scrollbar-color:#d3d7e6 transparent}.detail-head{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:14px;justify-content:space-between;padding:20px}.detail-head h2{font-size:16px;font-weight:600}.detail-head p{font-size:12px;color:var(--text-muted);margin-top:3px;font-family:var(--mono)}.tabs{border-bottom:1px solid var(--border);display:flex;gap:4px;padding:0 16px;background:transparent}.tabs button{background:transparent;border:none;box-shadow:none;border-radius:0;color:var(--text-muted);font-size:13px;font-weight:600;height:46px;padding:0 14px;margin-bottom:-1px;position:relative;transition:color .15s ease}.tabs button:hover{color:var(--text-primary);background:transparent}.tabs button.active{color:var(--accent);background:transparent}.tabs button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--accent-grad)}.tab-pane{display:grid;gap:16px;padding:20px}.facts{display:grid;gap:10px;grid-template-columns:1fr 1fr}.fact{background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;transition:var(--transition)}.fact:hover{border-color:#dcdef0;box-shadow:var(--shadow-xs)}.fact span{color:var(--text-muted);display:block;font-size:10px;font-weight:700;letter-spacing:.06em;margin-bottom:5px;text-transform:uppercase}.fact strong{display:block;font-size:14px;font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.action-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.form-grid{display:grid;gap:14px;grid-template-columns:1fr 1fr}.preset-row{display:flex;flex-wrap:wrap;gap:7px}.preset-row button{font-size:12px;height:30px;padding:0 12px;border-radius:var(--radius-sm);background:var(--bg-surface-alt);border-color:var(--border);color:var(--text-secondary);box-shadow:none}.preset-row button:hover{background:var(--accent-soft);border-color:var(--accent-soft-bd);color:var(--accent-press)}.add-app-card{background:var(--bg-surface-alt);border:1px dashed var(--border-strong);border-radius:var(--radius-md);display:grid;gap:10px;padding:16px}.upload-strip{background:var(--bg-surface-alt);border:1px dashed var(--border-strong);border-radius:var(--radius-md);display:grid;gap:10px;padding:16px;align-items:end;grid-template-columns:1fr 1fr 1.4fr auto;margin-bottom:18px}.configured-apps{display:grid;gap:10px}.configured-app{border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:10px;padding:13px 15px;background:var(--bg-surface);transition:var(--transition)}.configured-app:hover{box-shadow:var(--shadow-sm);border-color:#dcdef0}.configured-app strong{display:block;font-size:14px;font-weight:600;color:var(--text-primary)}.configured-app input{margin-top:6px}.featured-manager{background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:10px;padding:16px}.section-heading{align-items:center;display:flex;justify-content:space-between;gap:12px}.section-heading small{color:var(--text-muted);display:block;font-size:12px;margin-top:2px}.section-heading strong{align-items:center;background:var(--accent);border-radius:var(--radius-pill);color:#fff;display:inline-flex;font-size:13px;font-weight:700;height:26px;justify-content:center;min-width:26px;padding:0 10px}.featured-list{display:grid;gap:8px}.featured-row{align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;padding:9px 13px}.featured-rank{align-items:center;background:var(--accent-soft);border-radius:var(--radius-pill);color:var(--accent-press);display:inline-flex;font-size:12px;font-weight:700;height:26px;justify-content:center;width:26px}.featured-actions,.featured-add{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.featured-add{border-top:1px solid var(--border);padding-top:12px}.app-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.app-actions label{align-items:center;display:flex;gap:6px;font-size:13px;color:var(--text-secondary);font-weight:500;cursor:pointer}.switch{align-items:center;display:flex;gap:8px;cursor:pointer;font-size:13px;color:var(--text-secondary);font-weight:500}.sticky-save{align-items:center;background:var(--bg-surface);border:1px solid var(--accent-soft-bd);border-radius:var(--radius-lg);bottom:12px;display:flex;gap:12px;justify-content:space-between;padding:14px 20px;position:sticky;box-shadow:var(--shadow-md);z-index:5}.sticky-save span{color:var(--accent-press);font-size:13px;font-weight:600}.sticky-save button{background:var(--accent);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 1px 2px #4f3fe047,0 4px 14px #6d5efc52}.sticky-save button:hover:not(:disabled){background:var(--accent-hover);color:#fff}.command-list{display:grid;gap:7px}.command-row{align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:10px;padding:9px 13px;grid-template-columns:1fr auto auto;background:var(--bg-surface-alt)}.command-row code{font-size:12px}.command-row span{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius-pill);color:var(--warn-text);font-size:11px;font-weight:700;padding:3px 9px;text-transform:uppercase}.command-row small{font-size:11px;color:var(--text-muted);white-space:nowrap}.compact-list{display:grid;gap:5px}.compact-list button{align-items:center;background:var(--bg-surface);border:1px solid var(--border);box-shadow:none;border-radius:var(--radius-md);display:grid;grid-template-columns:minmax(0,1fr) auto 80px;gap:12px;height:auto;min-height:54px;padding:9px 14px;text-align:left;transition:var(--transition);width:100%}.compact-list button:hover{background:#faf9ff;border-color:var(--accent-soft-bd);transform:translate(2px)}.compact-list strong,.compact-list small{display:block}.compact-list strong{font-size:13px;font-weight:600;color:var(--text-primary)}.compact-list small{font-size:11px;color:var(--text-muted);margin-top:1px}.compact-list em{color:var(--text-muted);font-size:12px;font-style:normal;text-align:right}.big-number{color:var(--text-primary);display:block;font-size:44px;font-weight:800;letter-spacing:-.03em;margin-bottom:8px;line-height:1}.muted{color:var(--text-muted);font-size:13px;line-height:1.6}.empty{color:var(--text-muted);font-size:13px;padding:8px 0}.empty-cell{color:var(--text-muted);font-size:13px;height:200px;text-align:center;vertical-align:middle}.toast{background:#16161f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);bottom:30px;box-shadow:var(--shadow-lg);color:#fff;font-size:13px;font-weight:500;height:auto;left:50%;min-height:0;padding:13px 20px;position:fixed;transform:translate(-50%);z-index:1000;white-space:nowrap}.toast:hover{background:#23232f;color:#fff}.login-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px;background:radial-gradient(900px 520px at 16% 8%,rgba(124,108,255,.22),transparent 55%),radial-gradient(820px 600px at 88% 92%,rgba(99,91,255,.18),transparent 55%),#0f0f17}.login-card{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;gap:22px;max-width:404px;padding:36px;width:100%}.login-brand{align-items:center;display:flex;gap:12px;justify-content:center;padding-bottom:2px}.login-brand strong{color:var(--text-primary);display:block;font-size:21px;font-weight:800;letter-spacing:-.02em}.login-brand strong b{font-weight:800}.login-brand small{color:var(--text-muted);display:block;font-size:12px;margin-top:1px}.login-title{color:var(--text-secondary);font-size:15px;font-weight:500;margin:0;text-align:center}.login-label{color:var(--text-secondary);display:grid;font-size:13px;font-weight:600;gap:8px}.login-label input{height:44px;font-size:14px}.login-error{background:var(--offline-bg);border:1px solid var(--offline-border);border-radius:var(--radius-md);color:var(--offline-text);font-size:13px;margin:0;padding:11px 14px}.login-btn{background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:15px;font-weight:600;height:44px;width:100%;transition:var(--transition);cursor:pointer;box-shadow:0 1px 2px #4f3fe047,0 6px 18px #6d5efc61}.login-btn:hover:not(:disabled){background:var(--accent-hover);color:#fff;box-shadow:0 2px 4px #4f3fe04d,0 8px 24px #6d5efc75}.login-btn:disabled{opacity:.6;cursor:not-allowed}.pairing-card{border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;gap:16px;grid-template-columns:180px minmax(0,1fr);padding:18px;background:var(--bg-surface-alt)}.pairing-card img{border:1px solid var(--border);border-radius:var(--radius-md);height:180px;width:180px;object-fit:cover;background:#fff}.pairing-card strong,.pairing-card small{display:block}.pairing-card strong{color:var(--text-primary);font-size:28px;font-weight:800;letter-spacing:.1em;font-family:var(--mono)}.pairing-card small{color:var(--text-muted);font-size:12px;margin-top:4px}.pairing-card textarea{font-size:11px;margin-top:10px;font-family:var(--mono)}.pairing-actions{margin-bottom:12px}.mobile-connected-card{align-items:center;background:var(--online-bg);border:1px solid var(--online-border);border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:12px;padding:13px 15px}.mobile-connected-card .mobile-connected-icon{font-size:28px;flex-shrink:0}.mobile-connected-card strong{display:block;color:var(--online-text);font-size:14px;font-weight:700}.mobile-connected-card small{color:var(--text-secondary);display:block;font-size:12px;margin-top:2px}.btn-disconnect{background:transparent;border:1px solid var(--offline-border);border-radius:var(--radius-sm);box-shadow:none;color:var(--offline-text);cursor:pointer;font-size:12px;font-weight:500;margin-left:auto;padding:6px 13px;transition:var(--transition);flex-shrink:0}.btn-disconnect:hover{background:var(--offline-bg);border-color:var(--offline-text)}.badge-online{background:var(--success);border-radius:var(--radius-pill);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.mobile-disconnected-card{background:var(--bg-surface-alt);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);font-size:13px;margin-bottom:12px;padding:22px 16px;text-align:center}.voice-history{margin-top:16px}.section-title{border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.07em;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.voice-entry{border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:6px;margin-bottom:8px;padding:11px 13px;background:var(--bg-surface-alt)}.voice-transcript{align-items:flex-start;color:var(--text-primary);display:flex;font-size:13px;gap:8px}.voice-icon{flex-shrink:0;font-size:14px;margin-top:1px}.voice-action{align-items:center;display:flex;gap:8px}.voice-action code{font-size:11px}.voice-action small{color:var(--text-muted);font-size:12px}.voice-time{color:var(--text-muted);font-size:11px}.apk-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.apk-card{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:8px;padding:18px;transition:var(--transition);position:relative}.apk-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#e1e3f1}.apk-card-header{align-items:flex-start;display:flex;justify-content:space-between;gap:8px}.apk-card strong{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3}.apk-card code{font-size:11px}.apk-card small{font-size:12px;color:var(--text-muted);display:block}.apk-card input[readonly]{font-size:11px;font-family:var(--mono);background:var(--bg-surface-alt);color:var(--text-muted);cursor:text;margin-top:4px}.apk-card .btn-delete-apk{background:transparent;border:1px solid transparent;box-shadow:none;border-radius:var(--radius-sm);color:var(--text-muted);flex-shrink:0;font-size:13px;height:28px;padding:0 8px;white-space:nowrap}.apk-card .btn-delete-apk:hover{background:var(--offline-bg);border-color:var(--offline-border);color:var(--offline-text)}.settings-layout{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.settings-layout>.panel:first-child,.default-apps-panel,.save-panel{grid-column:1 / -1}.provider-card{display:grid;gap:14px}.save-panel{align-items:center;display:flex;justify-content:flex-end}.save-panel button{background:var(--accent);border-color:transparent;color:#fff;font-weight:600;padding:0 26px;box-shadow:0 1px 2px #4f3fe047,0 4px 14px #6d5efc52}.save-panel button:hover:not(:disabled){background:var(--accent-hover);color:#fff}.library-apks-section{display:grid;gap:8px}.section-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.library-apks-grid{display:flex;flex-wrap:wrap;gap:7px}.library-apk-chip{align-items:center;background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none;cursor:pointer;display:inline-flex;gap:6px;height:auto;padding:7px 13px;transition:var(--transition)}.library-apk-chip span{color:var(--text-primary);font-size:13px;font-weight:500}.library-apk-chip small{color:var(--accent);font-size:13px;font-weight:700}.library-apk-chip:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-soft-bd)}.library-apk-chip:hover:not(:disabled) span{color:var(--accent-press)}.library-apk-chip.added{background:var(--online-bg);border-color:var(--online-border);cursor:default;opacity:.85}.library-apk-chip.added span,.library-apk-chip.added small{color:var(--online-text)}.detail-grid{display:grid;gap:18px;grid-template-columns:360px minmax(0,1fr);align-items:start}.detail-side{display:grid;gap:18px;align-content:start}.detail-main{padding:0;overflow:hidden}.detail-main .tabs{border-radius:0}.profile-head{display:flex;align-items:center;gap:14px}.profile-avatar{width:54px;height:54px;flex-shrink:0;border-radius:var(--radius-md);background:var(--accent-grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;box-shadow:0 4px 14px #6d5efc66,inset 0 1px #ffffff40}.info-list{list-style:none;margin:0;padding:0}.info-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.info-list li:last-child{border-bottom:none}.info-list li span{color:var(--text-muted);flex-shrink:0}.info-list li b{font-weight:600;color:var(--text-primary);text-align:right;overflow-wrap:anywhere}.code-block{background:#16161f;color:#d7d9e6;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);font-family:var(--mono);font-size:12px;line-height:1.6;margin:6px 0 0;padding:14px 16px;white-space:pre-wrap;word-break:break-all;box-shadow:inset 0 1px 3px #0000004d}.portal-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.side-nav-label{color:#6f748c;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:16px 12px 6px}.side-emoji{width:18px;flex-shrink:0;font-size:15px;line-height:1;text-align:center}.side-nav-soon{display:flex;align-items:center;gap:12px;height:42px;padding:0 12px;border-radius:var(--radius-md);color:#6f748c;font-size:13.5px;font-weight:500;cursor:default}.side-nav-soon small{margin-left:auto;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#b8acff;background:#7c6cff29;padding:2px 7px;border-radius:var(--radius-pill)}.side-sub-group{display:grid;gap:2px;margin:2px 0 4px;padding-left:27px;position:relative}.side-sub-group:before{content:"";position:absolute;left:20px;top:4px;bottom:4px;width:1px;background:#ffffff1a}.side-sub-group a{height:34px;padding:0 10px;font-size:12.5px;gap:8px;color:#8b90a8;border-radius:var(--radius-sm)}.side-sub-group a:hover:not(.active){color:#fff;background:var(--sidebar-hover)}.side-sub-group a.active{background:#7c6cff21;color:#cfc7ff;font-weight:600;box-shadow:none}.side-sub-group a.active:before{display:none}.portal-logout{margin-top:auto;flex-shrink:0;width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:#c8cce0;box-shadow:none}.portal-logout:hover{background:#ffffff1a;color:#fff;border-color:#ffffff26}.portal-main{width:100%;max-width:1200px;margin:0;padding:28px 32px 48px;display:grid;gap:20px;align-content:start;min-width:0}.portal-hero{display:flex;align-items:center;gap:16px}.portal-hero img{width:54px;height:54px;border-radius:14px;object-fit:cover;border:1px solid var(--border);background:#fff;flex-shrink:0}.portal-hero h1{font-size:23px}.portal-stats{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.product-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{display:flex;flex-direction:column;gap:10px;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px;transition:var(--transition)}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#e1e3f1}.product-head{display:flex;align-items:center;gap:10px}.product-head .module-icon{width:38px;height:38px;font-size:19px;border-radius:10px;flex-shrink:0}.product-head strong{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.25;flex:1}.price-tag{font-size:11px;font-weight:700;white-space:nowrap;color:var(--accent-press);background:var(--accent-soft);border:1px solid var(--accent-soft-bd);padding:3px 9px;border-radius:var(--radius-pill)}.price-tag.free{color:var(--online-text);background:var(--online-bg);border-color:var(--online-border)}.product-num{font-size:34px;font-weight:800;letter-spacing:-.025em;color:var(--text-primary);line-height:1}.product-num small{font-size:12px;font-weight:600;color:var(--text-muted);margin-left:7px;letter-spacing:0}.product-sub{font-size:12px;color:var(--text-muted)}.product-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--border);padding-top:10px;margin-top:2px}.product-total span{font-size:11.5px;color:var(--text-muted);font-weight:600}.product-total strong{font-size:16px;font-weight:800;color:var(--accent-press)}.product-total strong.free{color:var(--online-text);font-size:13px}.catmap{display:grid;gap:10px}.catmap-row{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;align-items:center;padding:12px 14px;background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:var(--radius-md)}.catmap-info{display:flex;align-items:center;gap:11px;min-width:0}.catmap-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-size:18px;flex-shrink:0;background:var(--bg-surface);border:1px solid var(--border)}.catmap-info strong{display:block;font-size:13px;font-weight:700;color:var(--text-primary)}.catmap-info small{display:block;font-size:11.5px;color:var(--text-muted);margin-top:1px}.catmap-control select{height:38px}.catmap-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface-alt)}.adult-picker{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.adult-picker select{width:auto;min-width:170px;height:34px;font-size:12.5px}.adult-picker .chip-x{height:auto;padding:0 2px;margin-left:5px;background:transparent;border:none;box-shadow:none;color:inherit;font-size:11px;cursor:pointer;opacity:.7}.adult-picker .chip-x:hover{opacity:1;background:transparent}.kind-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.kind-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;height:auto;padding:14px 16px;text-align:left;background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none;transition:var(--transition)}.kind-card:hover:not(.active){border-color:var(--accent-soft-bd);background:#faf9ff}.kind-card.active{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.kind-card .kind-icon{font-size:22px;line-height:1}.kind-card strong{font-size:13.5px;font-weight:700;color:var(--text-primary)}.kind-card.active strong{color:var(--accent-press)}.kind-card small{font-size:11.5px;color:var(--text-muted)}.dns-chips{display:flex;flex-wrap:wrap;gap:8px}.dns-chip{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-surface-alt);color:var(--text-secondary)}.dns-chip.on{background:var(--online-bg);border-color:var(--online-border);color:var(--online-text)}.dns-chip.off{background:var(--offline-bg);border-color:var(--offline-border);color:var(--offline-text)}.dns-chip code{background:transparent;border:0;padding:0;color:inherit;font-size:11.5px}.dns-chip strong{font-weight:700}.dns-row{display:grid;grid-template-columns:78px minmax(0,1fr) 40px;gap:10px;align-items:center}.dns-row .dns-tag{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.dns-row .dns-tag.primary{color:var(--accent-press)}.dns-row button.danger{padding:0;width:40px;height:40px}.module-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.module-card{display:flex;flex-direction:column;gap:8px;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px;transition:var(--transition)}.module-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#e1e3f1}.module-card.soon{opacity:.72}.module-card strong{font-size:15px;font-weight:700;color:var(--text-primary)}.module-card p{font-size:12.5px;line-height:1.5;flex:1}.module-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;font-size:24px;background:var(--accent-soft);border:1px solid var(--accent-soft-bd)}.module-open{align-self:flex-start;margin-top:2px;color:var(--accent);font-weight:700;font-size:13.5px;text-decoration:none}.module-open:hover{color:var(--accent-press)}.module-soon-tag{align-self:flex-start;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--warn-text);background:var(--warn-bg);border:1px solid var(--warn-border);padding:3px 9px;border-radius:var(--radius-pill)}