:root{--bg: #f4f6fb;--surface: #ffffff;--surface-2: #f8fafc;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-text: #ffffff;--sidebar: #0f1729;--sidebar-text: #a7b1c6;--sidebar-active: rgba(255, 255, 255, .08);--danger: #dc2626;--ok: #16a34a;--warn: #d97706;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 8px rgba(15, 23, 42, .04);--g-blue: #2563eb;--g-green: #16a34a;--g-orange: #ea580c;--g-purple: #7c3aed;--g-pink: #db2777;--g-teal: #0d9488;--g-red: #dc2626;--g-gray: #64748b;color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b1020;--surface: #131a2b;--surface-2: #182136;--text: #e5e9f2;--muted: #8a94a8;--border: #253049;--accent: #4b83f0;--accent-hover: #6a98f3;--sidebar: #080c18;--sidebar-text: #9aa4b8;--danger: #f06b5e;--ok: #3cc178;--warn: #f0a24b;--shadow: none;--g-blue: #5b8ff5;--g-green: #3cc178;--g-orange: #f28a4b;--g-purple: #a67cf5;--g-pink: #ee6aa7;--g-teal: #33c2b3;--g-red: #f06b5e;--g-gray: #8a94a8;color-scheme:dark}}:root[data-theme=dark]{--bg: #0b1020;--surface: #131a2b;--surface-2: #182136;--text: #e5e9f2;--muted: #8a94a8;--border: #253049;--accent: #4b83f0;--accent-hover: #6a98f3;--sidebar: #080c18;--sidebar-text: #9aa4b8;--danger: #f06b5e;--ok: #3cc178;--warn: #f0a24b;--shadow: none;--g-blue: #5b8ff5;--g-green: #3cc178;--g-orange: #f28a4b;--g-purple: #a67cf5;--g-pink: #ee6aa7;--g-teal: #33c2b3;--g-red: #f06b5e;--g-gray: #8a94a8;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent)}h1{font-size:1.55rem;margin:0;letter-spacing:-.01em}h2{font-size:1.05rem;margin:0}.muted{color:var(--muted)}.small{font-size:.82rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.error{color:var(--danger)}.icon{width:18px;height:18px;flex:none}label{display:flex;flex-direction:column;gap:.35rem;font-size:.88rem}label.inline{flex-direction:row;align-items:center;gap:.4rem}input,select,textarea{font:inherit;padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}textarea{resize:vertical}select{appearance:none;-webkit-appearance:none;padding-right:2.1rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a94a8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:15px;line-height:1.3}select:hover,input:hover:not(:disabled):not(:focus),textarea:hover:not(:focus){border-color:color-mix(in srgb,var(--muted) 45%,var(--border))}select option{background:var(--surface);color:var(--text)}input[type=date]{min-height:2.45rem}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}:root[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}}input[type=search]::-webkit-search-cancel-button{cursor:pointer}input:disabled{opacity:.6}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--accent)}button,a.button{font:inherit;font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .95rem;border:1px solid transparent;border-radius:8px;background:var(--accent);color:var(--accent-text);cursor:pointer;text-decoration:none;white-space:nowrap}button:hover:not(:disabled),a.button:hover{background:var(--accent-hover)}button:disabled,a.button.disabled{opacity:.45;cursor:default;pointer-events:none}button.secondary,a.button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}button.secondary:hover:not(:disabled),a.button.secondary:hover{background:var(--surface-2)}button.icon-button,a.button.icon-button{padding:.5rem}button.danger{background:var(--surface);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}button.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 8%,var(--surface))}button.link{background:none;border:none;padding:0;color:var(--accent);font-weight:400}button.link:hover:not(:disabled){background:none;text-decoration:underline}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow)}.auth-card{width:min(380px,100%);display:flex;flex-direction:column;gap:.9rem}.auth-card p{margin:0}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;padding:1.1rem .8rem;gap:1.25rem;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:.65rem;padding:.2rem .5rem;color:#fff;font-weight:700}.brand-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;flex:none}.brand small{display:block;font-weight:500;font-size:.7rem;letter-spacing:.08em;color:var(--sidebar-text);text-transform:uppercase}.nav-section{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--sidebar-text) 70%,transparent);padding:0 .75rem;margin-top:.4rem}.sidebar nav{display:flex;flex-direction:column;gap:.15rem;flex:1}.sidebar nav a{display:flex;align-items:center;gap:.7rem;color:var(--sidebar-text);text-decoration:none;padding:.55rem .75rem;border-radius:8px;font-size:.92rem}.sidebar nav a.active,.sidebar nav a:hover{background:var(--sidebar-active);color:#fff}.theme-switch{display:flex;gap:.2rem;background:#ffffff0d;border-radius:9px;padding:.2rem}.theme-switch button{flex:1;background:none;color:var(--sidebar-text);padding:.35rem;border-radius:7px}.theme-switch button:hover:not(:disabled){background:#ffffff0f}.theme-switch button.active{background:#ffffff1f;color:#fff}.account{display:flex;align-items:center;gap:.6rem;padding:.6rem;border-radius:10px;background:#ffffff0a}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:.8rem;font-weight:600;flex:none}.account-name{color:#fff;font-size:.88rem}.account button.link{color:var(--sidebar-text);font-size:.8rem}.content{padding:1.75rem 2rem 3rem;min-width:0}.page-head{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.page-head .subtitle{color:var(--muted);font-size:.9rem;margin-top:.2rem}.page-head .actions{margin-left:auto;display:flex;gap:.5rem;flex-wrap:wrap}.section-head{display:flex;align-items:center;gap:.75rem;margin:1.75rem 0 .75rem}.section-head a{margin-left:auto;font-size:.9rem}.back{display:inline-block;margin-bottom:.75rem;font-size:.9rem;text-decoration:none}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1.25rem}.stat{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem}.stat-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:none}.stat-icon .icon{width:21px;height:21px}.stat-value{font-size:1.55rem;font-weight:700;line-height:1.1}.stat-label{color:var(--muted);font-size:.85rem}.stat-extra{margin-left:auto;align-self:flex-start;font-size:.75rem;font-weight:600;padding:.1rem .45rem;border-radius:999px}.tone-blue{color:var(--g-blue);background:color-mix(in srgb,var(--g-blue) 12%,transparent)}.tone-green{color:var(--g-green);background:color-mix(in srgb,var(--g-green) 12%,transparent)}.tone-gray{color:var(--g-gray);background:color-mix(in srgb,var(--g-gray) 12%,transparent)}.tone-orange{color:var(--g-orange);background:color-mix(in srgb,var(--g-orange) 12%,transparent)}.tone-red{color:var(--g-red);background:color-mix(in srgb,var(--g-red) 12%,transparent)}.tone-purple{color:var(--g-purple);background:color-mix(in srgb,var(--g-purple) 12%,transparent)}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.toolbar .search{flex:1;min-width:220px}.segmented{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:.2rem;gap:.15rem}.segmented button{background:none;color:var(--muted);padding:.35rem .8rem;border-radius:7px}.segmented button:hover:not(:disabled){background:var(--surface-2)}.segmented button.active{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.segmented .count{color:var(--muted);font-size:.8rem;margin-left:.25rem}.empty{color:var(--muted)}.empty.pad{padding:1.25rem}.table-card{padding:0;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;background:var(--surface-2)}tbody tr:hover td{background:color-mix(in srgb,var(--accent) 4%,transparent)}tr:last-child td{border-bottom:none}tr.dimmed td{opacity:.6}td.actions{text-align:right}td.truncate{max-width:260px;overflow:hidden;text-overflow:ellipsis}td.wrap{white-space:normal;min-width:220px}.row-actions{display:inline-flex;gap:.4rem;align-items:center}.device-cell{display:flex;align-items:center;gap:.75rem}.os-tile{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text);flex:none}.os-tile.windows{color:#0078d4}.os-tile.android{color:#2fb36b}.os-tile.linux{color:var(--warn)}.device-name{font-weight:600;color:var(--text);text-decoration:none}.device-name:hover{color:var(--accent)}.device-sub{color:var(--muted);font-size:.8rem;margin-top:.1rem}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;padding:.18rem .6rem;border-radius:999px}.status{display:inline-flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:500}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status.on{color:var(--ok)}.status.off{color:var(--muted)}.status.session{color:var(--accent)}.badge.on{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.badge.off{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}.badge.session{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.badge.warn{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.group-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:500;padding:.18rem .6rem;border-radius:7px;border:1px solid var(--border);background:var(--surface)}.group-chip:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--chip-color, var(--g-gray))}.tag{display:inline-block;font-size:.76rem;padding:.1rem .5rem;margin-right:.3rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.swatch{width:14px;height:14px;border-radius:4px;display:inline-block;background:var(--chip-color)}.menu-list{position:fixed;z-index:30;min-width:170px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0f172a24;padding:.3rem;display:flex;flex-direction:column}.menu-list button,.menu-list a{background:none;color:var(--text);justify-content:flex-start;padding:.5rem .7rem;border-radius:7px;font-weight:400;text-decoration:none;font-size:.9rem}.menu-list button:hover:not(:disabled),.menu-list a:hover{background:var(--surface-2)}.menu-list .danger-item{color:var(--danger)}.toast{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:.55rem 1rem;border-radius:9px;font-size:.9rem;z-index:20}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;align-items:start}.card-title{margin:0 0 1rem;font-size:1rem}.facts{margin:0;display:grid;gap:.65rem}.facts div{display:grid;grid-template-columns:150px 1fr;gap:.75rem}.facts dt{color:var(--muted)}.facts dd{margin:0;overflow-wrap:anywhere}.stack{display:flex;flex-direction:column;gap:.9rem}.row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.row .push{margin-left:auto}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem;overflow-x:auto}.tab{background:none;color:var(--muted);border-radius:0;border:none;border-bottom:2px solid transparent;padding:.6rem .9rem}.tab:hover:not(:disabled){background:none;color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.file-list{margin:.3rem 0 0;padding-left:1.1rem;font-size:.85rem}.home-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem;align-items:start}.chart{display:grid;grid-template-columns:repeat(7,1fr);gap:.6rem;align-items:end;height:150px;margin-top:.75rem}.chart-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.35rem;height:100%;font-size:.75rem;color:var(--muted)}.chart-bar .bar{width:100%;max-width:38px;border-radius:6px 6px 2px 2px;background:color-mix(in srgb,var(--accent) 55%,transparent);min-height:3px}.chart-bar .bar.today{background:var(--accent)}.chart-bar .value{color:var(--text);font-weight:600}.list{list-style:none;margin:0;padding:0}.list li{display:flex;gap:.6rem;align-items:flex-start;padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.list li:last-child{border-bottom:none}.invite-page{max-width:880px;margin:0 auto;padding:2.5rem 16px 4rem}.invite-hero{text-align:center;margin-bottom:2rem}.invite-hero .brand-mark{margin:0 auto 1rem;width:48px;height:48px}.invite-hero p{color:var(--muted);margin:.5rem 0 0}.os-cards{display:grid;gap:1rem}.os-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:1rem}.os-card.recommended{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.os-card ol{margin:.5rem 0 0;padding-left:1.2rem;line-height:1.6}.os-card .os-tile{width:44px;height:44px}.code-box{display:flex;gap:.5rem;align-items:center;margin-top:.6rem}.code-box code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.5rem .7rem;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);font-size:.82rem}.pill{font-size:.72rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;margin-left:.4rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);vertical-align:middle}@media(max-width:960px){.home-grid{grid-template-columns:1fr}}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:.75rem 16px;gap:.75rem}.nav-section{display:none}.sidebar nav{flex-direction:row;flex-wrap:wrap;flex-basis:100%;order:3}.content{padding:1.25rem 16px 2.5rem}}.list li .push{margin-left:auto}.modal-backdrop{position:fixed;inset:0;z-index:40;background:#080c188c;display:grid;place-items:center;padding:16px}.modal{width:min(460px,100%);display:flex;flex-direction:column;gap:1rem}.secret-field{display:flex;flex-direction:column;gap:.35rem}.secret-field .label{font-size:.82rem;color:var(--muted)}.secret-field .value{display:flex;gap:.5rem;align-items:center}.secret-field code{flex:1;min-width:0;padding:.55rem .7rem;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);font-size:1rem;letter-spacing:.02em;overflow-wrap:anywhere}.brand-logo{border-radius:9px;object-fit:contain;flex:none;background:#fff}.topbar{display:flex;align-items:center;gap:.75rem;margin:-.5rem 0 1.5rem}.global-search{position:relative;flex:1;max-width:460px}.global-search input{width:100%;padding-left:2.2rem}.global-search>.icon{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:var(--muted)}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:25;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0f172a24;padding:.3rem}.search-results a,.search-results .empty{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:7px;color:var(--text);text-decoration:none;font-size:.9rem}.search-results a:hover,.search-results a.active{background:var(--surface-2)}.topbar .actions{margin-left:auto;display:flex;align-items:center;gap:.6rem}.avatar-button{padding:0;border-radius:50%;background:none}.avatar-button:hover:not(:disabled){background:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.live{display:flex;align-items:center;gap:.55rem;padding:.6rem .75rem;border-radius:10px;background:#ffffff0a;font-size:.8rem}.live strong{color:#fff;font-weight:600;display:block}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}.live-dot.on{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 25%,transparent)}.stat-extra.tone-blue,.stat-extra.tone-green{white-space:nowrap}.logo-preview{width:56px;height:56px;border-radius:12px;border:1px solid var(--border);object-fit:contain;background:#fff}pre.snippet{margin:.5rem 0 0;padding:.75rem;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);font-size:.8rem;white-space:pre-wrap;word-break:break-all}@media(max-width:760px){.topbar{flex-wrap:wrap}.global-search{max-width:none;flex-basis:100%;order:2}}.menu-header{display:flex;flex-direction:column;gap:.1rem;padding:.5rem .7rem .6rem;border-bottom:1px solid var(--border);margin-bottom:.3rem;min-width:220px}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.5rem 1rem}label.checkbox{flex-direction:row;align-items:center;gap:.55rem;cursor:pointer}label.checkbox input{width:16px;height:16px;accent-color:var(--accent);padding:0}