:root{--bg: #fafafa;--surface: #ffffff;--surface-2: #fafafa;--surface-3: #f4f4f5;--sidebar: #18181b;--sidebar-hover: rgba(255, 255, 255, .06);--border: #e8e8ec;--border-strong: #d8d8dd;--text: #18181b;--text-muted: #6f6f78;--text-faint: #9c9ca5;--text-invert: #fafafa;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef2ff;--accent-ring: rgba(79, 70, 229, .18);--ok: #047857;--ok-soft: #ecfdf5;--warn: #b45309;--warn-soft: #fffbeb;--danger: #d11f1f;--danger-soft: #fef2f2;--idle: #d97706;--info: #0891b2;--info-soft: #ecfeff;--danger-hover: #b91c1c;--on-accent: #ffffff;--sidebar-text: #f4f4f5;--sidebar-text-muted: #a1a1aa;--sidebar-border: rgba(255, 255, 255, .08);--auth-backdrop: linear-gradient(160deg, #1e1b4b 0%, #18181b 55%, #0f172a 100%);--radius: 10px;--radius-sm: 7px;--radius-lg: 14px;--shadow-sm: none;--shadow: 0 1px 2px rgba(24, 24, 27, .04);--shadow-lg: 0 12px 32px -8px rgba(24, 24, 27, .16), 0 4px 12px -4px rgba(24, 24, 27, .08);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--ease: cubic-bezier(.4, 0, .2, 1);--fast: .12s;--sidebar-width: 232px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}:root[data-theme=dark],:root:not([data-theme]):not([data-theme=light]){color-scheme:dark}:root[data-theme=dark]{--bg: #0b0b14;--surface: #14141f;--surface-2: #191926;--surface-3: #20202f;--sidebar: #0e0e18;--sidebar-hover: rgba(255, 255, 255, .05);--border: #24243a;--border-strong: #33334d;--text: #f2f2f7;--text-muted: #9494ad;--text-faint: #6c6c85;--text-invert: #14141f;--accent: #7c6cff;--accent-hover: #8f82ff;--accent-soft: #1e1b3a;--accent-ring: rgba(124, 108, 255, .28);--ok: #34d399;--ok-soft: #0d2b22;--warn: #fbbf24;--warn-soft: #2e2312;--danger: #f87171;--danger-hover: #ef4444;--danger-soft: #2e1616;--idle: #fbbf24;--info: #38bdf8;--info-soft: #10283a;--on-accent: #14141f;--sidebar-text: #f2f2f7;--sidebar-text-muted: #8b8ba3;--sidebar-border: rgba(255, 255, 255, .06);--shadow: 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px -12px rgba(0, 0, 0, .7), 0 4px 12px -4px rgba(0, 0, 0, .5);--auth-backdrop: linear-gradient(160deg, #1a1440 0%, #0e0e18 55%, #090911 100%)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=midnight]){color-scheme:dark;--bg: #0b0b14;--surface: #14141f;--surface-2: #191926;--surface-3: #20202f;--sidebar: #0e0e18;--sidebar-hover: rgba(255, 255, 255, .05);--border: #24243a;--border-strong: #33334d;--text: #f2f2f7;--text-muted: #9494ad;--text-faint: #6c6c85;--text-invert: #14141f;--accent: #7c6cff;--accent-hover: #8f82ff;--accent-soft: #1e1b3a;--accent-ring: rgba(124, 108, 255, .28);--ok: #34d399;--ok-soft: #0d2b22;--warn: #fbbf24;--warn-soft: #2e2312;--danger: #f87171;--danger-hover: #ef4444;--danger-soft: #2e1616;--idle: #fbbf24;--info: #38bdf8;--info-soft: #10283a;--on-accent: #14141f;--sidebar-text: #f2f2f7;--sidebar-text-muted: #8b8ba3;--sidebar-border: rgba(255, 255, 255, .06);--shadow: 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px -12px rgba(0, 0, 0, .7), 0 4px 12px -4px rgba(0, 0, 0, .5);--auth-backdrop: linear-gradient(160deg, #1a1440 0%, #0e0e18 55%, #090911 100%)}}:root[data-theme=midnight]{color-scheme:dark;--bg: #000000;--surface: #0c0c0d;--surface-2: #101011;--surface-3: #17171a;--sidebar: #000000;--sidebar-hover: rgba(255, 255, 255, .06);--border: #1e1e21;--border-strong: #2c2c31;--text: #f4f4f5;--text-muted: #8f8f99;--text-faint: #61616b;--text-invert: #0c0c0d;--accent: #7c6cff;--accent-hover: #8f82ff;--accent-soft: #17152e;--accent-ring: rgba(124, 108, 255, .3);--ok: #34d399;--ok-soft: #0a231c;--warn: #fbbf24;--warn-soft: #241c0f;--danger: #f87171;--danger-hover: #ef4444;--danger-soft: #251313;--idle: #fbbf24;--info: #38bdf8;--info-soft: #0c2030;--on-accent: #0c0c0d;--sidebar-text: #f4f4f5;--sidebar-text-muted: #8f8f99;--sidebar-border: rgba(255, 255, 255, .07);--shadow: 0 1px 2px rgba(0, 0, 0, .6);--shadow-lg: 0 16px 40px -12px rgba(0, 0, 0, .85);--auth-backdrop: linear-gradient(160deg, #14122e 0%, #000000 60%)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 16px;font-weight:650;font-size:15px;letter-spacing:-.02em;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand-mark{width:28px;height:28px;border-radius:7px;background:var(--accent);display:grid;place-items:center;flex-shrink:0}.sidebar-nav{padding:12px 10px;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.sidebar-section{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--sidebar-text-muted);padding:14px 10px 6px;font-weight:600}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--sidebar-text-muted);font-weight:500;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.nav-link{position:relative}.nav-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text);text-decoration:none}.nav-link.active{background:#ffffff14;color:var(--sidebar-text)}.nav-link.active:before{content:"";position:absolute;left:-10px;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-link.active svg{opacity:1}.nav-link svg{flex-shrink:0;opacity:.9}.nav-badge{margin-left:auto;background:var(--danger);color:var(--on-accent);border-radius:999px;font-size:11px;font-weight:600;padding:1px 7px;line-height:1.5}.nav-link.active .nav-badge{background:var(--danger)}.sidebar-footer{border-top:1px solid rgba(255,255,255,.08);padding:12px;display:flex;align-items:center;gap:10px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:60px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 24px;position:sticky;top:0;z-index:20}.content{padding:24px;flex:1;max-width:1500px;width:100%}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-subtitle{color:var(--text-muted);font-size:13px;margin-top:3px}.row{display:flex;align-items:center;gap:10px}.row-wrap{flex-wrap:wrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:16px}.grid{display:grid;gap:16px}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(196px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-shots{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.card-head{padding:13px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.card-body{padding:18px}.card-body.tight{padding:12px}.stat{padding:16px 18px}.stat-label{font-size:12.5px;color:var(--text-muted);font-weight:500}.stat-value{font-size:28px;font-weight:600;letter-spacing:-.03em;margin-top:4px;font-variant-numeric:tabular-nums}.stat-hint{font-size:12px;color:var(--text-faint);margin-top:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 13px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-weight:500;font-size:13px;cursor:pointer;white-space:nowrap;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--on-accent)}.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-3);border-color:transparent;color:var(--text)}.btn-sm{padding:4px 9px;font-size:12px}.btn-lg{padding:10px 18px;font-size:14px}.input,.select,.textarea{width:100%;padding:7px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;font-size:13px;background:var(--surface);color:var(--text)}.input,.select,.textarea{transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:hover:not(:focus),.select:hover:not(:focus),.textarea:hover:not(:focus){border-color:var(--text-faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.textarea{resize:vertical;min-height:72px}.select{cursor:pointer}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12.5px;font-weight:600;color:var(--text)}.field-hint{font-size:12px;color:var(--text-muted)}.field-error{font-size:12px;color:var(--danger)}.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.checkbox input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;padding:9px 14px;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table td.num,.table th.right,.table .tabular{font-variant-numeric:tabular-nums}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--fast) var(--ease)}.table tbody tr:hover{background:var(--surface-2)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;border:1px solid transparent}.badge-ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.badge-warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.badge-danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.badge-neutral{background:var(--surface-3);color:var(--text-muted);border-color:transparent}.badge-info{background:var(--info-soft);color:var(--info);border-color:var(--info-soft)}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-working{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.dot-idle{background:var(--idle);box-shadow:0 0 0 3px var(--warn-soft)}.dot-offline{background:var(--text-faint);box-shadow:0 0 0 3px var(--surface-3)}.dot-paused{background:var(--info);box-shadow:0 0 0 3px var(--info-soft)}.dot-live{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:650;color:var(--on-accent);flex-shrink:0;letter-spacing:-.01em}.avatar-sm{width:26px;height:26px;font-size:10.5px}.avatar-lg{width:44px;height:44px;font-size:16px}.avatar-stack{display:inline-flex;align-items:center}.avatar-stack .avatar{box-shadow:0 0 0 2px var(--surface)}.avatar-stack .avatar+.avatar{margin-left:-8px}.avatar-more{background:var(--border-strong);color:var(--text);font-variant-numeric:tabular-nums}.picker{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:190px;overflow-y:auto;background:var(--surface)}.picker-row{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:13px;cursor:pointer;border-bottom:1px solid var(--border)}.picker-row:last-child{border-bottom:0}.picker-row:hover{background:var(--surface-2)}.picker-row.is-on{background:var(--accent-soft)}.picker-row input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.picker-note{margin:4px 0 0}.meter{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden;min-width:54px}.meter-fill{height:100%;border-radius:999px;transition:width .3s}.mono{font-family:var(--mono);font-size:12.5px}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.tabular{font-variant-numeric:tabular-nums}.small{font-size:12px}.strong{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer{display:flex;align-items:center;gap:12px;padding:6px 8px 6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2)}.timer.running{border-color:var(--ok-soft);background:var(--ok-soft)}.timer.running.paused{border-color:var(--info-soft);background:var(--info-soft)}.timer.running.paused .timer-clock{color:var(--info)}.timer-clock{font-family:var(--mono);font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.shot{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s}.shot:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.shot-img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--surface-3);cursor:zoom-in;border:none;padding:0}.shot-meta{padding:9px 11px;display:flex;align-items:center;gap:8px;font-size:12px}.shot-actions{display:flex;gap:5px;padding:0 11px 10px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712db;display:grid;place-items:center;z-index:100;padding:32px}.lightbox img{max-width:100%;max-height:88vh;border-radius:var(--radius);box-shadow:var(--shadow-lg)}.timeline{position:relative;height:44px;background:var(--surface-3);border-radius:var(--radius-sm);overflow:hidden}.timeline-block{position:absolute;top:0;bottom:0;border-radius:3px;min-width:2px}.timeline-axis{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-faint);margin-top:5px;font-variant-numeric:tabular-nums}.bars{display:flex;align-items:flex-end;gap:6px;height:132px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.bar{width:100%;background:var(--accent);border-radius:4px 4px 0 0;min-height:2px;transition:opacity .12s}.bar:hover{opacity:.82}.bar-label{font-size:10.5px;color:var(--text-faint);white-space:nowrap}.empty{padding:44px 20px;text-align:center;color:var(--text-muted)}.empty-title{font-weight:600;color:var(--text);margin-bottom:4px}.alert{padding:11px 14px;border-radius:var(--radius-sm);font-size:13px;border:1px solid transparent;display:flex;gap:9px;align-items:flex-start}.alert-error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-soft)}.alert-ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-soft)}.alert-warn{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-soft)}.alert-info{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}.spinner{width:15px;height:15px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--border) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toasts{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:9px;z-index:200}.toast{background:var(--sidebar);color:var(--on-accent);padding:11px 15px;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);font-size:13px;max-width:380px;animation:rise .18s ease-out}.toast-error{background:var(--danger)}@keyframes rise{0%{transform:translateY(8px);opacity:0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:grid;place-items:center;z-index:150;padding:20px}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:rise .16s ease-out}.linklike{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.linklike:hover{color:var(--accent);text-decoration:underline}.modal-wide{max-width:760px}.modal-head{padding:16px 20px;border-bottom:1px solid var(--border)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.modal-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:9px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--auth-backdrop)}.login-card{width:100%;max-width:380px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow-lg);padding:30px}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:22px}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--border);margin-bottom:18px;overflow-x:auto}.tab{padding:9px 14px;border:none;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.richtext{font-size:13px;line-height:1.55;color:var(--text)}.richtext>:first-child{margin-top:0}.richtext>:last-child{margin-bottom:0}.richtext p{margin:0 0 8px}.richtext ul,.richtext ol{margin:0 0 8px;padding-left:22px}.richtext ul{list-style:disc}.richtext ol{list-style:decimal}.richtext li{margin:2px 0}.richtext li>ul,.richtext li>ol{margin-bottom:0}.richtext strong{font-weight:600}.editor{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.editor:focus-within{outline:2px solid var(--accent-soft);border-color:var(--accent)}.editor-toolbar{display:flex;flex-wrap:wrap;gap:3px;padding:5px 6px;border-bottom:1px solid var(--border);background:var(--surface-2)}.editor-tool{padding:3px 8px;min-width:26px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;font:inherit;font-size:12px;color:var(--text-muted);cursor:pointer}.editor-tool:hover{background:var(--surface);border-color:var(--border);color:var(--text)}.editor-tool.strong{font-weight:700}.editor-tool.italic{font-style:italic}.editor-body{padding:8px 10px;min-height:88px;max-height:260px;overflow-y:auto;font-size:13px;line-height:1.55;outline:none}.editor-body p{margin:0 0 8px}.editor-body ul,.editor-body ol{margin:0 0 8px;padding-left:22px}.editor-body ul{list-style:disc}.editor-body ol{list-style:decimal}.editor-body li{margin:2px 0}.editor-body:empty:before{content:attr(data-placeholder);color:var(--text-faint)}.portal{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.portal-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 22px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.portal-mark{width:30px;height:30px;flex-shrink:0;border-radius:8px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:700}.portal-bar-name{display:flex;flex-direction:column;line-height:1.25;min-width:0}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:99px;background:var(--ok-soft);border:1px solid var(--ok-soft);color:var(--ok);font-size:12px;font-weight:600;white-space:nowrap}.portal-wrap{width:100%;max-width:1120px;margin:0 auto;padding:22px 22px 48px}.portal-hero{display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--border);border-radius:14px;background:radial-gradient(120% 140% at 0% 0%,var(--accent-soft) 0%,rgba(238,242,255,0) 60%),linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);box-shadow:var(--shadow-sm)}.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.hero-sub{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.hero-period{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hero-dates{gap:10px;flex-wrap:wrap}.focus-chip{align-self:flex-start;padding:4px 11px;border:1px dashed var(--accent);border-radius:99px;background:var(--accent-soft);color:var(--accent);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.focus-chip:hover{background:var(--accent-soft)}.seg{display:inline-flex;gap:2px;padding:3px;border-radius:99px;background:var(--surface-3)}.seg button{padding:5px 13px;border:0;border-radius:99px;background:none;font:inherit;font-size:12.5px;color:var(--text-muted);cursor:pointer;white-space:nowrap}.seg button:hover{color:var(--text)}.seg button.is-on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}.seg-sm button{padding:4px 10px;font-size:12px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.tile{display:flex;align-items:center;gap:14px;min-width:0;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.tile-text{display:flex;flex-direction:column;gap:1px;min-width:0}.tile-label{font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-faint)}.tile-value{font-size:26px;font-weight:700;line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tile-of{font-size:15px;font-weight:600;color:var(--text-faint)}.tile-hint{font-size:11.5px;color:var(--text-muted)}.ring{position:relative;flex-shrink:0}.ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:15px;font-weight:700}.ring-arc{transition:stroke-dashoffset .6s ease}.momentum-total{display:flex;align-items:baseline;gap:8px}.proj{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.proj.is-focused{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.proj-head{display:flex;align-items:center;gap:10px}.proj-toggle{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.proj-name{font-size:15px;font-weight:600}.proj-figure{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;font-size:14px;font-weight:700;white-space:nowrap}.proj-bar{height:8px}.proj-body{padding-top:10px;border-top:1px dashed var(--border)}.chev{width:7px;height:7px;flex-shrink:0;border-right:2px solid var(--text-faint);border-bottom:2px solid var(--text-faint);transform:rotate(-45deg);transition:transform .15s ease}.chev.is-open{transform:rotate(45deg)}.features{display:flex;flex-direction:column;gap:2px}.feature{display:grid;grid-template-columns:minmax(110px,1.6fr) minmax(60px,1.4fr) 52px;align-items:center;gap:10px;padding:6px 4px;border-radius:var(--radius-sm)}.feature:hover{background:var(--surface-2)}.feature-name{display:flex;flex-direction:column;min-width:0}.feature-count{text-align:right}.wins{display:flex;flex-direction:column;gap:14px}.win-day{display:grid;grid-template-columns:104px 1fr;gap:12px}.win-date{padding-top:4px}.win-items{display:flex;flex-direction:column;gap:5px;min-width:0}.win{display:flex;align-items:center;gap:9px;min-width:0;padding:6px 10px;border:1px solid var(--ok-soft);border-radius:var(--radius-sm);background:var(--ok-soft)}.win-check{display:grid;place-items:center;width:18px;height:18px;flex-shrink:0;border-radius:99px;background:var(--ok);color:var(--on-accent);font-size:11px;font-weight:700}.win-name{font-weight:600}.wf-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.wf-search{max-width:240px}.wf-list{display:flex;flex-direction:column;gap:7px}.wf{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.wf.is-open{border-color:var(--border-strong)}.wf-head{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:0;border-radius:var(--radius-sm);background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.wf-head:hover{background:var(--surface-2)}.wf-name{display:flex;flex-direction:column;flex:1;min-width:0}.wf-body{display:flex;flex-direction:column;gap:8px;padding:2px 12px 11px 28px}.pill{padding:2px 9px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.pill-progress{background:var(--accent-soft);color:var(--accent)}.pill-review{background:var(--info-soft);color:var(--info)}.pill-queued{background:var(--surface-3);color:var(--text-muted)}.pill-blocked{background:var(--danger-soft);color:var(--danger)}.pill-done{background:var(--ok-soft);color:var(--ok)}.notes{display:flex;flex-direction:column;gap:10px}.note{padding:11px 13px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface-2)}.note-head{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:3px}.note-body{margin:0;font-size:13px;white-space:pre-wrap}.portal-foot{max-width:620px;margin:4px auto 0;text-align:center;line-height:1.6}@media (max-width: 720px){.portal-bar{padding:9px 14px}.portal-bar-name .small,.portal-bar .live-pill{display:none}.portal-bar-name{flex:1}.portal-bar-name .strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-bar .btn{flex-shrink:0}.portal-wrap{padding:16px 14px 40px}.portal-hero{padding:16px;border-radius:12px}.hero-period{align-items:stretch;width:100%}.seg{overflow-x:auto}.win-day{grid-template-columns:1fr;gap:5px}.feature{grid-template-columns:1fr auto}.feature-bar{display:none}.wf-search{max-width:none;flex:1}}.sum-total{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;margin-top:2px;border-top:1px solid var(--border);font-size:14px}.delivered{margin:0;padding-left:20px;font-size:13px;line-height:1.6}.delivered li{margin:1px 0}.invoice-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 13px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.ok{color:var(--ok)}tr.is-clickable{cursor:pointer}tr.is-clickable:hover{background:var(--surface-2)}.table td.right,.table th.right{text-align:right}.progress{height:7px;border-radius:99px;background:var(--surface-3);overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:var(--ok);transition:width .2s ease}.modules{display:flex;flex-direction:column;gap:2px}.module-row{display:grid;grid-template-columns:minmax(90px,1.4fr) minmax(60px,2fr) auto;align-items:center;gap:10px;width:100%;padding:5px 6px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;font:inherit;text-align:left;color:inherit}.module-row.is-clickable{cursor:pointer}.module-row.is-clickable:hover{background:var(--surface-2);border-color:var(--border)}.module-name{font-size:12.5px;font-weight:500;min-width:0}.module-bar{height:5px;border-radius:99px;background:var(--surface-3);overflow:hidden}.module-bar-fill{display:block;height:100%;border-radius:99px;background:var(--accent)}.module-count{font-size:11.5px;color:var(--text-muted)}:root{--col-todo: var(--text-faint);--col-progress: var(--accent);--col-review: var(--info);--col-blocked: var(--danger);--col-done: var(--ok)}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:start;padding-bottom:4px}.board-col{display:flex;flex-direction:column;gap:9px;min-width:0;padding:8px 6px;border-radius:var(--radius);border:1px dashed transparent;transition:background .12s ease,border-color .12s ease}.board-col.is-target{background:var(--accent-soft);border-color:var(--accent)}.board-head{display:flex;align-items:center;gap:8px;padding:2px 4px 8px;border-bottom:2px solid var(--border)}.board-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.board-count{margin-left:auto;min-width:20px;padding:1px 7px;border-radius:99px;background:var(--surface);border:1px solid var(--border);font-size:11.5px;font-weight:600;color:var(--text-muted);text-align:center}.board-head.status-todo{border-bottom-color:var(--col-todo)}.board-head.status-in_progress{border-bottom-color:var(--col-progress)}.board-head.status-in_review{border-bottom-color:var(--col-review)}.board-head.status-blocked{border-bottom-color:var(--col-blocked)}.board-head.status-done{border-bottom-color:var(--col-done)}.board-items{display:flex;flex-direction:column;gap:9px;min-height:44px}.board-blank{padding:14px 10px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);text-align:center}.task-card{position:relative;display:flex;flex-direction:column;gap:7px;padding:11px 10px 11px 13px;background:var(--surface);min-width:0;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .12s ease,transform .12s ease,opacity .12s ease}.task-card:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--border-strong)}.task-card.p-urgent:before{background:var(--danger)}.task-card.p-high:before{background:var(--warn)}.task-card.p-normal:before{background:var(--border-strong)}.task-card.p-low:before{background:var(--border-strong)}.task-card.is-movable{cursor:grab}.task-card.is-movable:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.task-card.is-movable:active{cursor:grabbing}.task-card.is-dragging{opacity:.45;box-shadow:none}.task-card.is-saving{opacity:.7}.task-card.is-done .task-name{color:var(--text-muted)}.task-name{border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:600;color:var(--text);text-align:left;cursor:pointer;line-height:1.4;overflow-wrap:anywhere}.task-name:hover{color:var(--accent)}.task-meta{display:flex;flex-wrap:wrap;gap:5px}.task-meta .badge{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.task-foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;justify-content:space-between}.task-who{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px;color:var(--text-muted)}.due{align-self:flex-start;max-width:100%;padding:1px 7px;border-radius:var(--radius-sm);background:var(--surface-3);font-size:11.5px;font-weight:500;color:var(--text-muted)}.due-today{background:var(--warn-soft);color:var(--warn)}.due-late{background:var(--danger-soft);color:var(--danger)}.task-move{width:100%;padding:4px 7px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);font:inherit;font-size:11.5px;color:var(--text-muted);cursor:pointer}.task-move:hover{border-color:var(--border-strong);color:var(--text)}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 16px;align-items:end}.filter-cell{min-width:0}.filter-cell-wide{grid-column:span 2}.filter-cell-check{padding-bottom:8px}@media (max-width: 560px){.filter-row{grid-template-columns:minmax(0,1fr);gap:12px}.filter-cell-wide{grid-column:auto}.filter-cell-check{padding-bottom:0}}.task-controls{display:flex;align-items:center;gap:6px}.task-controls .task-move{flex:1 1 auto;min-width:0}.task-order{display:flex;gap:4px;flex-shrink:0}.task-order .btn{width:26px;min-height:24px;padding:0;justify-content:center;font-size:12px;line-height:1}.task-order .btn:disabled{opacity:.35;cursor:default}.mytask{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:9px 11px 9px 13px;position:relative;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-decoration:none;color:inherit}.mytask:hover{border-color:var(--border-strong);background:var(--surface-2);text-decoration:none}.mytask:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--border-strong)}.mytask.p-urgent:before{background:var(--danger)}.mytask.p-high:before{background:var(--warn)}.mytask-main{display:flex;flex-direction:column;gap:2px;min-width:0}.mytask-side{display:flex;align-items:center;gap:6px;flex-shrink:0}.bell-wrap{position:relative;display:flex}.bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--text-muted);cursor:pointer}.bell:hover{background:var(--surface-3);color:var(--text)}.bell.has-unread{color:var(--text)}.bell-count{position:absolute;top:1px;right:0;min-width:16px;padding:0 4px;border-radius:99px;background:var(--danger);color:var(--on-accent);font-size:10px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 0 2px var(--surface)}.bell-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:360px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.bell-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface-2)}.bell-list{max-height:380px;overflow-y:auto}.bell-empty{padding:22px 14px;text-align:center}.bell-item{display:flex;gap:10px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--border);background:none;font:inherit;text-align:left;cursor:pointer}.bell-item:last-child{border-bottom:0}.bell-item:hover{background:var(--surface-2)}.bell-item.unread,.bell-item.unread:hover{background:var(--accent-soft)}.note-mark{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:1px;border-radius:99px;font-size:12px;font-weight:700;line-height:1}.note-move{background:var(--accent-soft);color:var(--accent)}.note-assign{background:var(--info-soft);color:var(--info)}.note-new{background:var(--ok-soft);color:var(--ok)}.note-priority{background:var(--warn-soft);color:var(--warn)}.note-comment{background:var(--info-soft);color:var(--info)}.note-file{background:var(--surface-2);color:var(--text-muted)}.bell-text{display:flex;flex-direction:column;gap:2px;min-width:0}.bell-title{font-size:12.5px;line-height:1.45;color:var(--text)}.bell-body{font-size:11.5px;color:var(--text-muted)}.bell-when{font-size:11px;color:var(--text-faint)}@media (max-width: 900px){.bell-panel{width:320px}}.pay-to{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface-2)}.pay-to-details{margin:0;font-family:var(--mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12.5px;line-height:1.65;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.bell-alerts{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;border:0;border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);text-align:left;cursor:pointer;font:inherit;font-size:12px}.bell-alerts:hover{color:var(--text)}.note-pops{position:fixed;top:68px;right:20px;z-index:210;display:flex;flex-direction:column;gap:9px;width:340px;max-width:calc(100vw - 24px)}.note-pop{display:flex;align-items:flex-start;gap:4px;padding:10px 8px 10px 11px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-lg);animation:rise .18s ease-out}.note-pop-body{display:flex;align-items:flex-start;gap:9px;flex:1;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:pointer;font:inherit}.note-pop-x{flex-shrink:0;width:22px;height:22px;padding:0;border:0;border-radius:var(--radius-sm);background:none;color:var(--text-faint);font-size:15px;line-height:1;cursor:pointer}.note-pop-x:hover{background:var(--surface-2);color:var(--text)}@media (max-width: 560px){.note-pops{top:58px;right:12px;left:12px;width:auto}}@media (max-width: 560px){.bell-panel{position:fixed;top:58px;right:12px;left:12px;width:auto;max-width:none}}@media (max-width: 760px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.board{grid-template-columns:minmax(0,1fr)}}.nav-toggle{display:none}@media (max-width: 900px){.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer}.nav-toggle:hover{background:var(--surface-2)}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:60;height:100vh;width:262px;max-width:84vw;transform:translate(-100%);transition:transform .18s ease}.sidebar.is-open{transform:none;box-shadow:var(--shadow-lg)}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;padding:0;border:0;background:#11182773;cursor:pointer}.nav-link{padding:11px 12px;font-size:14px}.sidebar-footer{padding:14px 16px}.topbar{height:auto;min-height:56px;flex-wrap:wrap;gap:10px;padding:9px 14px}.topbar .timer{order:3;flex:1 1 100%;min-width:0;justify-content:flex-start}.topbar .spacer{order:2}.timer>.truncate{flex:1 1 auto;min-width:0}.timer .btn{flex-shrink:0}.timer .select{min-width:0}.content{padding:16px 14px 32px}h1{font-size:19px}h2{font-size:15.5px}.page-head{gap:12px;margin-bottom:16px}.grid{gap:12px}.stack{gap:14px}.table-wrap{-webkit-overflow-scrolling:touch}.table th,.table td{padding:9px 10px}.input,.select,.textarea{font-size:16px}.btn{min-height:36px}.btn-sm{min-height:32px}.modal-backdrop{padding:12px;align-items:flex-end}.modal{max-height:92vh}.modal-foot{flex-wrap:wrap}.modal-foot .btn{flex:1 1 auto;justify-content:center}.lightbox{padding:12px}.lightbox img{max-height:78vh}}@media (max-width: 560px){.content{padding:14px 12px 28px}.card-head{padding:12px 14px}.card-body{padding:14px}.grid-2,.grid-stats,.grid-shots{grid-template-columns:minmax(0,1fr)}.row-wrap>*{flex:1 1 100%;min-width:0}.timer{gap:8px;padding:6px 8px 6px 12px}.timer-clock{font-size:15px}.stat-value{font-size:21px}.tile-value{font-size:23px}}.shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.shot{display:flex;flex-direction:column;margin:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2)}.shot-open{display:block;padding:0;border:0;background:var(--surface-3);cursor:zoom-in;line-height:0}.shot-open img{width:100%;height:108px;object-fit:cover;display:block}.shot-open:hover img{opacity:.9}.shot figcaption{display:flex;align-items:center;gap:6px;padding:6px 8px;border-top:1px solid var(--border);background:var(--surface);min-width:0}.pending-files{display:flex;flex-direction:column;gap:6px}.pending-file{display:flex;align-items:center;gap:9px;padding:5px 8px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);min-width:0}.pending-file img{width:34px;height:34px;object-fit:cover;border-radius:4px;flex-shrink:0}.pending-doc{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:700}.linklike.danger:hover{color:var(--danger)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:#111827eb;animation:fade .12s ease-out}.lightbox-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;color:var(--text-invert);background:#00000059;min-width:0}.lightbox-stage{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;min-height:0}.lightbox-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);background:var(--surface)}.lightbox-step{flex-shrink:0;width:42px;height:42px;border:0;border-radius:99px;background:#ffffff24;color:var(--on-accent);font-size:26px;line-height:1;cursor:pointer}.lightbox-step:hover{background:#ffffff42}@keyframes fade{0%{opacity:0}to{opacity:1}}.thread{display:flex;flex-direction:column;gap:9px}.say{align-self:flex-start;max-width:82%;padding:7px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.say-mine{align-self:flex-end;background:var(--accent-soft);border-color:var(--accent-soft)}.say-head{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}.say-body{margin:0;white-space:pre-wrap}.win-say{margin-left:auto;flex-shrink:0}@media (max-width: 700px){.say{max-width:100%}.shots{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}.breakdown{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.breakdown li{display:grid;grid-template-columns:120px 1fr 140px;align-items:center;gap:12px}.breakdown-label{font-size:13px;color:var(--text)}.breakdown-bar{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.breakdown-bar>span{display:block;height:100%;border-radius:999px;background:var(--accent, var(--accent))}.breakdown-value{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.breakdown-value small{color:var(--text-muted);margin-left:6px}@media (max-width: 640px){.breakdown li{grid-template-columns:1fr auto}.breakdown-bar{display:none}}.receipt-add{cursor:pointer;white-space:nowrap}.receipt-add:hover{text-decoration:underline}.ledger-total td{border-top:2px solid var(--border-strong);padding-top:10px;font-weight:700;background:var(--surface-2)}.is-empty-month td{color:var(--text-faint)}.table td.danger{color:var(--danger)}.chat-page{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:16px;height:calc(100vh - 140px);min-height:420px}.chat-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px}.chat-list-head{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 10px}.chat-list-head h2{margin:0;font-size:1.05rem}.chat-picker{display:flex;flex-direction:column;gap:2px;padding:6px;margin-bottom:8px;background:var(--surface-2);border-radius:8px}.chat-picker button{text-align:left;padding:7px 9px;border:0;border-radius:6px;background:transparent;cursor:pointer;font:inherit}.chat-picker button:hover{background:var(--accent-soft)}.chat-list-item{display:grid;grid-template-columns:1fr auto;gap:2px 8px;text-align:left;padding:9px 11px;border:0;border-radius:8px;background:transparent;cursor:pointer;font:inherit}.chat-list-item:hover{background:var(--surface-3)}.chat-list-item.is-open{background:var(--accent-soft)}.chat-list-title{font-weight:600;font-size:.92rem;color:var(--text)}.chat-list-preview{grid-column:1;font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-unread{grid-row:1 / span 2;align-self:center;min-width:20px;padding:1px 6px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:.72rem;font-weight:700;text-align:center}.chat-thread{display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.chat-thread-head{display:flex;align-items:baseline;gap:10px;padding:13px 18px;border-bottom:1px solid var(--border)}.chat-thread-head h3{margin:0;font-size:1rem}.chat-messages{flex:1;overflow-y:auto;padding:16px 18px}.chat-empty{padding:28px 0;text-align:center}.chat-day{margin:14px 0 10px;text-align:center;font-size:.74rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.chat-row{display:flex;margin-bottom:7px}.chat-row.is-mine{justify-content:flex-end}.chat-bubble{max-width:min(560px,76%);padding:8px 12px;border-radius:14px;background:var(--surface-3);color:var(--text);overflow-wrap:anywhere}.chat-bubble.is-mine{background:var(--accent);color:var(--on-accent)}.chat-bubble.is-deleted{background:transparent;border:1px dashed var(--border-strong);color:var(--text-muted)}.chat-author{margin-bottom:2px;font-size:.76rem;font-weight:700;color:var(--accent)}.chat-body{white-space:pre-wrap;line-height:1.45}.chat-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:3px;font-size:.7rem;opacity:.7}.chat-delete{display:inline-flex;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;opacity:0}.chat-bubble:hover .chat-delete,.chat-delete:focus-visible{opacity:1}.chat-delete svg{width:13px;height:13px}.chat-image{display:block;max-width:100%;max-height:320px;margin-top:5px;border-radius:9px}.chat-voice{display:flex;align-items:center;gap:8px;margin-top:5px}.chat-voice svg{width:16px;height:16px;flex:none}.chat-voice audio{height:34px;max-width:260px}.chat-voice-time{font-size:.74rem;font-variant-numeric:tabular-nums;opacity:.8}.chat-file{display:flex;align-items:center;gap:8px;margin-top:5px;padding:7px 10px;border-radius:8px;background:#0000000f;color:inherit;text-decoration:none;font-size:.85rem}.chat-file svg{width:15px;height:15px;flex:none}.chat-file-size{margin-left:auto;font-size:.74rem;opacity:.7}.chat-composer{display:flex;align-items:flex-end;gap:8px;padding:11px 14px;border-top:1px solid var(--border)}.chat-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-muted);cursor:pointer}.chat-icon-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.chat-icon-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input{flex:1;min-height:36px;max-height:140px;padding:8px 11px;border:1px solid var(--border);border-radius:9px;font:inherit;resize:vertical}.chat-composer.is-recording{align-items:center;gap:10px}.chat-rec-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:chat-pulse 1.1s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.chat-rec-dot{animation:none}}@keyframes chat-pulse{50%{opacity:.25}}.chat-rec-time{font-variant-numeric:tabular-nums;font-weight:600}.chat-rec-hint{flex:1;color:var(--text-muted);font-size:.85rem}.chat-error{display:flex;align-items:center;gap:10px;margin:10px 14px 0;padding:9px 12px;border-radius:8px;background:var(--danger-soft);color:var(--danger-hover);font-size:.86rem}.chat-error button{margin-left:auto;display:inline-flex;border:0;background:transparent;color:inherit;cursor:pointer}@media (max-width: 820px){.chat-page{grid-template-columns:1fr;height:auto}.chat-list{max-height:210px}.chat-messages{min-height:320px}}.chat-new{display:flex;flex-direction:column;gap:7px;padding:9px;margin-bottom:9px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px}.chat-new-tabs{display:flex;align-items:center;gap:4px}.chat-new-tabs button{padding:5px 9px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);font:inherit;font-size:.82rem;cursor:pointer}.chat-new-tabs button.is-on{background:var(--accent);color:var(--on-accent);font-weight:600}.chat-new-close{margin-left:auto;display:inline-flex}.chat-new-close svg{width:14px;height:14px}.chat-new-title,.chat-new-search{padding:7px 9px;border:1px solid var(--border);border-radius:7px;font:inherit;font-size:.86rem}.chat-new-title{font-weight:600}.chat-new-people{display:flex;flex-direction:column;gap:1px;max-height:220px;overflow-y:auto}.chat-new-person{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:0;border-radius:6px;background:transparent;color:var(--text);font:inherit;font-size:.88rem;text-align:left;cursor:pointer}.chat-new-person:hover{background:var(--accent-soft)}.chat-new-person.is-pick{cursor:default}.chat-new-role{margin-left:auto;color:var(--text-muted);font-size:.74rem;text-transform:capitalize}.chat-new-create{align-self:flex-start}.chat-people-btn{padding:3px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font:inherit;font-size:.78rem;cursor:pointer}.chat-people-btn:hover{background:var(--surface-3);color:var(--text)}.chat-members{display:flex;flex-direction:column;gap:7px;padding:11px 14px;border-bottom:1px solid var(--border);background:var(--surface-2)}.chat-members-head{display:flex;align-items:center;justify-content:space-between;font-size:.86rem}.chat-members-head button{display:inline-flex;border:0;background:transparent;color:var(--text-muted);cursor:pointer}.chat-members-head svg{width:14px;height:14px}.chat-members-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;max-height:180px;overflow-y:auto}.chat-members-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;font-size:.88rem}.chat-members-list em{color:var(--text-muted);font-style:normal;font-size:.78rem}.chat-members-list li button{padding:2px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--danger-hover);font:inherit;font-size:.76rem;cursor:pointer}.chat-members-list li button:hover{background:var(--danger-soft)}.chat-members-note{margin:0;font-size:.8rem}.invoice-pay{margin:0;font:inherit;font-size:.86rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.chat-section{padding:14px 10px 4px;color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.chat-section:first-of-type{padding-top:4px}.chat-section-empty{padding:2px 11px 6px;font-size:.8rem}.chat-list-item.has-avatar{grid-template-columns:auto 1fr auto;align-items:center}.chat-list-item.has-avatar .avatar{grid-row:1 / span 2}.chat-list-item.has-avatar .chat-list-title,.chat-list-item.has-avatar .chat-list-preview{grid-column:2}.chat-input-wrap{position:relative;flex:1;display:flex}.chat-mentions{position:absolute;bottom:calc(100% + 6px);left:0;right:0;z-index:5;display:flex;flex-direction:column;gap:1px;padding:5px;background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:0 8px 24px #1118271f}.chat-mentions button{display:flex;align-items:center;gap:8px;padding:6px 8px;border:0;border-radius:6px;background:transparent;font:inherit;font-size:.88rem;text-align:left;cursor:pointer}.chat-mentions button:hover,.chat-mentions button:first-child{background:var(--accent-soft)}.chat-mention{background:#4f46e524;color:inherit;border-radius:4px;padding:0 2px;font-weight:600}.chat-bubble.is-mine .chat-mention{background:#ffffff42}.theme-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.theme-option{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 10px;padding:12px;text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.theme-option:hover{border-color:var(--border-strong)}.theme-option.is-on{border-color:var(--accent);background:var(--accent-soft)}.theme-option-name{font-weight:600;font-size:13px;align-self:end}.theme-option-hint{grid-column:2;font-size:11.5px;color:var(--text-muted)}.theme-swatch{grid-row:1 / span 2;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;gap:3px;padding:6px;overflow:hidden}.theme-swatch-bar{height:3px;border-radius:2px}.theme-swatch-bar:first-child{width:100%}.theme-swatch-bar:last-child{width:60%}.theme-swatch-light{background:#fff}.theme-swatch-light .theme-swatch-bar{background:#d8d8dd}.theme-swatch-light .theme-swatch-bar:first-child{background:#4f46e5}.theme-swatch-dark{background:#14141f}.theme-swatch-dark .theme-swatch-bar{background:#33334d}.theme-swatch-dark .theme-swatch-bar:first-child{background:#7c6cff}.theme-swatch-midnight{background:#000}.theme-swatch-midnight .theme-swatch-bar{background:#2c2c31}.theme-swatch-midnight .theme-swatch-bar:first-child{background:#7c6cff}.theme-swatch-system{background:linear-gradient(105deg,#fff 50%,#14141f 50%)}.theme-swatch-system .theme-swatch-bar{background:linear-gradient(105deg,#d8d8dd 50%,#33334d 50%)}.theme-swatch-system .theme-swatch-bar:first-child{background:linear-gradient(105deg,#4f46e5 50%,#7c6cff 50%)}