:root{color-scheme:dark;--bg: #13151A;--surface: #1B1E24;--surface-2: #23272F;--border: #2E333C;--border-soft: #262A31;--border-strong: #3C424D;--ink: #EAECF0;--ink-2: #C0C6D0;--muted: #8B919C;--accent: #1FA594;--accent-ink: #5BD0BC;--accent-hover: #27C2AD;--accent-soft: #113630;--warn-soft: #3A2A15;--warn-ink: #E6A860;--danger: #E05552;--danger-ink: #FF9B98;--danger-soft: #3A1E1E;--blue-soft: #182542;--blue-ink: #8FB2F0;--purple-soft: #241B3A;--purple-ink: #C2A4F2;--pink-soft: #351A28;--pink-ink: #F0A3C2;--gray-soft: #252932;--gray-ink: #B4BAC4;--flip-bg: #EAECF0;--flip-ink: #14161A;--toggle-off: #3C424D;--stripe: #23272F;--radius: 14px;--font: Inter, system-ui, -apple-system, Segoe UI, sans-serif;--display: "Space Grotesk", Inter, sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #F6F5F2;--surface: #FFFFFF;--surface-2: #FAF9F6;--border: #E4E2DC;--border-soft: #EFEDE8;--border-strong: #D6D3CB;--ink: #16181D;--ink-2: #3F444D;--muted: #5B606B;--accent: #0E6B5C;--accent-ink: #0A5246;--accent-hover: #0A5246;--accent-soft: #E3F1EE;--warn-soft: #FDF1E4;--warn-ink: #8A4105;--danger: #B42318;--danger-ink: #9B1C1C;--danger-soft: #FFF6F5;--blue-soft: #EAF0FB;--blue-ink: #234A8A;--purple-soft: #F3ECFA;--purple-ink: #5B2E8C;--pink-soft: #FBEAF0;--pink-ink: #8C2350;--gray-soft: #EDEBE6;--gray-ink: #4A4E57;--flip-bg: #16181D;--flip-ink: #FFFFFF;--toggle-off: #C9C5BC;--stripe: #F0EEE9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px}a{color:var(--accent)}a:hover{color:var(--accent-ink)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{display:flex;flex-wrap:wrap;min-height:100vh}.main{flex:999 1 560px;min-width:0;padding:40px 48px 64px;display:flex;flex-direction:column;gap:24px}.row{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.col{display:flex;flex-direction:column;gap:24px;min-width:0}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--min, 280px),1fr));gap:20px}.stack{display:flex;flex-direction:column;gap:var(--gap, 12px)}.inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap, 8px)}.between{justify-content:space-between}.grow{flex:1 1 auto;min-width:0}.sidebar{flex:1 0 232px;max-width:100%;background:var(--surface);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:2px}.brand{display:flex;align-items:center;gap:10px;padding:0 12px 16px}.brand-mark{width:32px;height:32px;border-radius:8px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font:700 16px var(--display)}.brand-name{font:700 18px var(--display)}.loc-switch{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin-bottom:14px;padding:0 12px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;text-align:left;width:100%}.loc-switch select{border:none;background:transparent;font-weight:600;font-size:13px;padding:0;cursor:pointer}.nav-title{padding:16px 12px 4px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.nav-link{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border-radius:8px;color:var(--ink-2);font-weight:500;text-decoration:none}.nav-link:hover{background:var(--bg);color:var(--ink)}.nav-link.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.nav-badge{margin-left:auto;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px}.sidebar-foot{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;gap:12px}.me{padding:12px 12px 0;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.card-pad{padding:20px 24px}.card-head{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.card-row{padding:14px 24px;border-bottom:1px solid var(--border-soft);display:flex;flex-wrap:wrap;align-items:center;gap:16px}.card-row:last-child{border-bottom:none}.page-title{font:600 34px var(--display);letter-spacing:-.5px}.page-sub{font-size:15px;color:var(--muted);line-height:1.5;max-width:760px}.h2{font-size:17px;font-weight:600}.h3{font-size:15px;font-weight:600}.display-num{font:600 32px var(--display)}.muted{color:var(--muted)}.ink2{color:var(--ink-2)}.small{font-size:13px}.tiny{font-size:12px}.label-caps{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.soft-box{padding:12px 14px;border-radius:10px;background:var(--bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--surface-2);color:var(--ink)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-ink);color:#fff}.btn-ghost{border-color:transparent;background:transparent}.btn-dashed{border-style:dashed;color:var(--accent)}.btn-sm{min-height:36px;padding:0 12px;font-size:13px;border-radius:8px}.btn-text-danger{color:var(--danger-ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.input,.select,.textarea{width:100%;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface)}.textarea{padding:12px;line-height:1.5;resize:vertical}.field{display:flex;flex-direction:column;gap:6px}.field>label,.field-label{font-size:13px;font-weight:600}.chip{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);font-weight:600;cursor:pointer}.chip[aria-pressed=true]{background:var(--flip-bg);border-color:var(--flip-bg);color:var(--flip-ink)}.chip-sm{min-height:36px;padding:0 12px;font-size:13px}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:10px;overflow:hidden}.seg button{min-height:40px;padding:0 12px;border:none;background:var(--surface);font-weight:600;font-size:13px;cursor:pointer}.seg button+button{border-left:1px solid var(--border-strong)}.seg button[aria-pressed=true]{background:var(--flip-bg);color:var(--flip-ink)}.seg button:disabled{opacity:.45;cursor:not-allowed}.seg button.ask[aria-pressed=true]{background:var(--warn-soft);color:var(--warn-ink)}.toggle{width:44px;height:44px;border:none;background:transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;flex:0 0 auto}.toggle .track{width:40px;height:24px;border-radius:999px;background:var(--toggle-off);display:flex;align-items:center;padding:2px;transition:background .15s}.toggle .knob{width:20px;height:20px;border-radius:999px;background:#fff;transition:transform .15s}.toggle[aria-checked=true] .track{background:var(--accent)}.toggle[aria-checked=true] .knob{transform:translate(16px)}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border)}.tab{min-height:44px;padding:0 16px;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;background:transparent;font-weight:600;color:var(--ink-2);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.tab[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent-ink)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.dot{width:7px;height:7px;border-radius:999px;background:currentColor}.tone-accent{background:var(--accent-soft);color:var(--accent-ink)}.tone-warn{background:var(--warn-soft);color:var(--warn-ink)}.tone-blue{background:var(--blue-soft);color:var(--blue-ink)}.tone-purple{background:var(--purple-soft);color:var(--purple-ink)}.tone-pink{background:var(--pink-soft);color:var(--pink-ink)}.tone-gray{background:var(--gray-soft);color:var(--gray-ink)}.tone-danger{background:var(--danger-soft);color:var(--danger-ink)}.tone-dark{background:var(--flip-bg);color:var(--flip-ink)}.avatar{border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;flex:0 0 auto}.progress{height:8px;border-radius:999px;background:var(--accent-soft);overflow:hidden}.progress>div{height:100%;background:var(--accent)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:13px;padding:12px;background:var(--bg)}td{padding:12px;border-top:1px solid var(--border-soft)}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:24px}.sheet th,.sheet td{border:1px solid var(--border);padding:8px 10px}.sheet .rownum{background:var(--bg);color:var(--muted);font-weight:500;text-align:center;width:44px}.pause-banner{width:100%;background:var(--danger);color:#fff;padding:10px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;font-weight:600}.pause-banner button{background:#fff;color:var(--danger-ink);border:none;border-radius:8px;min-height:36px;padding:0 14px;font-weight:700;cursor:pointer}.list-btn{width:100%;text-align:left;border:none;border-bottom:1px solid var(--border-soft);border-left:4px solid transparent;background:var(--surface);padding:16px 20px;cursor:pointer;display:flex;flex-direction:column;gap:6px}.list-btn[aria-pressed=true]{background:var(--accent-soft);border-left-color:var(--accent)}.mention{color:var(--accent-ink);font-weight:600;background:var(--accent-soft);border-radius:4px;padding:0 2px}.calendar-col{position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--hour) - 1px),var(--stripe) calc(var(--hour) - 1px),var(--stripe) var(--hour))}.cal-event{position:absolute;left:4px;right:4px;padding:5px 8px;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1.3}.now-line{position:absolute;left:0;right:0;height:2px;background:var(--danger)}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;text-align:center}.linkish{border:none;background:none;padding:0;color:var(--accent);font-weight:600;cursor:pointer}.linkish:hover{color:var(--accent-ink);text-decoration:underline}.login{min-height:100vh;display:flex;flex-wrap:wrap}.login-side{flex:1 1 420px;background:var(--accent);color:#fff;padding:40px 48px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}.login-main{flex:1 1 460px;display:flex;align-items:center;justify-content:center;padding:48px 24px;background:var(--surface)}.login-brand-mobile{display:none}.modal-backdrop{position:fixed;inset:0;background:#16181d73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow-y:auto;background:var(--surface);border-radius:16px;padding:24px;box-shadow:0 20px 60px #00000040}@media(max-width:900px){.login-side{display:none}.login-brand-mobile{display:flex}}@media(max-width:720px){.main{padding:24px 16px 48px}.page-title{font-size:28px}}
