.so-root{--so-bg:#ffffff;--so-panel:#ffffff;--so-panel-2:#f5f6fa;--so-line:#e6e8ef;--so-line-strong:#d2d6e0;--so-txt:#1c1f2a;--so-muted:#646b7d;--so-muted-2:#9aa0b0;--so-brand:#635bff;--so-brand-hover:#534bef;--so-brand-soft:#635bff18;--so-brand-text:#ffffff;--so-brand-on-soft:#4b44d6;--so-green:#16a34a;--so-green-soft:#16a34a1f;--so-amber:#d98a13;--so-amber-soft:#d98a131f;--so-red:#dc2626;--so-red-soft:#dc26261f;--so-slate:#6b7280;--so-slate-soft:#6b72801f;--so-shadow:0 1px 3px rgba(20,23,40,.06), 0 1px 2px rgba(20,23,40,.04)}[data-theme=dark] .so-root{--so-bg:#0b0d12;--so-panel:#13161f;--so-panel-2:#1a1e2a;--so-line:#262b39;--so-line-strong:#394052;--so-txt:#e7eaf3;--so-muted:#8a92a6;--so-muted-2:#5c6478;--so-brand:#635bff;--so-brand-hover:#736bff;--so-brand-soft:#635bff22;--so-brand-text:#ffffff;--so-brand-on-soft:#cdc9ff;--so-green:#2bb574;--so-green-soft:#2bb57422;--so-amber:#e0a23b;--so-amber-soft:#e0a23b22;--so-red:#e5484d;--so-red-soft:#e5484d22;--so-slate:#7b8499;--so-slate-soft:#7b849922;--so-shadow:0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3)}.so-root{color:var(--so-txt);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.so-root *{box-sizing:border-box}.so-root .so-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.so-root .so-brand{display:flex;align-items:center;gap:12px}.so-root .so-logo{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#635bff,#9b8bff);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}.so-root h1{font-size:20px;margin:0;font-weight:650;letter-spacing:-.01em;color:var(--so-txt)}.so-root .so-sub{color:var(--so-muted);font-size:13px;margin-top:2px}.so-root .so-asof{color:var(--so-muted-2);font-size:12px;text-align:right;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.so-root .so-asof b{color:var(--so-muted);font-weight:600}.so-root .so-synced{display:flex;align-items:center;gap:10px}.so-root .so-syncbtn{background:var(--so-brand);border:1px solid var(--so-brand);color:var(--so-brand-text);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.15s}.so-root .so-syncbtn:hover:not(:disabled){background:var(--so-brand-hover);border-color:var(--so-brand-hover)}.so-root .so-syncbtn:disabled{opacity:.55;cursor:default}.so-root .so-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.so-root .so-tab{background:var(--so-panel);border:1px solid var(--so-line);color:var(--so-muted);padding:9px 15px;border-radius:999px;font-size:13px;font-weight:550;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.15s}.so-root .so-tab:hover{color:var(--so-txt);border-color:var(--so-line-strong)}.so-root .so-tab .so-pill{background:var(--so-panel-2);color:var(--so-muted);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.so-root .so-tab.active{background:var(--so-brand-soft);border-color:var(--so-brand);color:var(--so-brand-on-soft)}.so-root .so-tab.active .so-pill{background:var(--so-brand);color:#fff}.so-root .so-tab.danger.active{background:var(--so-red-soft);border-color:var(--so-red);color:var(--so-red)}.so-root .so-tab.danger.active .so-pill{background:var(--so-red);color:#fff}.so-root .so-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.so-root .so-card{background:var(--so-panel);border:1px solid var(--so-line);border-radius:14px;padding:18px;box-shadow:var(--so-shadow)}.so-root .so-card .so-label{color:var(--so-muted);font-size:12px;font-weight:550;text-transform:uppercase;letter-spacing:.04em}.so-root .so-card .so-value{font-size:28px;font-weight:700;margin-top:8px;letter-spacing:-.02em;color:var(--so-txt)}.so-root .so-card .so-meta{color:var(--so-muted);font-size:12.5px;margin-top:6px}.so-root .so-card .so-meta b{color:var(--so-green);font-weight:600}.so-root .so-card.accent{border-color:var(--so-brand);background:var(--so-brand-soft)}.so-root .so-grid{display:grid;grid-template-columns:380px 1fr;gap:18px;margin-top:18px;align-items:start}@media (max-width:980px){.so-root .so-grid{grid-template-columns:1fr}.so-root .so-stats{grid-template-columns:repeat(2,1fr)}}.so-root .so-panel{background:var(--so-panel);border:1px solid var(--so-line);border-radius:14px;overflow:hidden;box-shadow:var(--so-shadow)}.so-root .so-panel h2{font-size:14px;margin:0;padding:16px 18px;border-bottom:1px solid var(--so-line);font-weight:600;color:var(--so-txt);display:flex;justify-content:space-between;align-items:center}.so-root .so-panel h2 span{color:var(--so-muted);font-size:12px;font-weight:500}.so-root .so-client{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--so-line);transition:.12s}.so-root .so-client:last-child{border-bottom:none}.so-root .so-client:hover{background:var(--so-panel-2)}.so-root .so-avatar{width:34px;height:34px;border-radius:9px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;font-weight:650;font-size:13px;color:#fff}.so-root .so-client .so-info{flex:1;min-width:0}.so-root .so-client .so-name{font-size:13.5px;font-weight:600;color:var(--so-txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.so-root .so-client .so-plan{color:var(--so-muted);font-size:12px;margin-top:1px}.so-root .so-client .so-right{text-align:right;flex:0 0 auto}.so-root .so-client .so-amt{font-size:13.5px;font-weight:650;color:var(--so-txt)}.so-root .so-client .so-when{font-size:11.5px;margin-top:2px}.so-root .so-when.soon{color:var(--so-amber)}.so-root .so-when.now{color:var(--so-red)}.so-root .so-when.later{color:var(--so-muted)}.so-root .so-badge{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:6px;display:inline-block}.so-root .b-green{background:var(--so-green-soft);color:var(--so-green)}.so-root .b-amber{background:var(--so-amber-soft);color:var(--so-amber)}.so-root .b-red{background:var(--so-red-soft);color:var(--so-red)}.so-root .b-slate{background:var(--so-slate-soft);color:var(--so-muted)}.so-root .so-empty{padding:40px 18px;text-align:center;color:var(--so-muted-2);font-size:13px}.so-root .so-strike{text-decoration:line-through;color:var(--so-muted-2)}.so-root .so-cal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--so-line)}.so-root .so-cal-head .so-m{font-size:14px;font-weight:600;color:var(--so-txt)}.so-root .so-cal-nav{display:flex;gap:6px}.so-root .so-cal-nav button{background:var(--so-panel-2);border:1px solid var(--so-line);color:var(--so-muted);width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:14px}.so-root .so-cal-nav button:hover{color:var(--so-txt);border-color:var(--so-line-strong)}.so-root .so-dow{display:grid;grid-template-columns:repeat(7,1fr);padding:10px 14px 4px;gap:6px}.so-root .so-dow div{color:var(--so-muted-2);font-size:11px;font-weight:600;text-align:left;padding-left:4px;text-transform:uppercase;letter-spacing:.04em}.so-root .so-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:0 14px 16px}.so-root .so-day{min-height:96px;background:var(--so-panel-2);border:1px solid transparent;border-radius:10px;padding:7px 8px;display:flex;flex-direction:column;gap:4px}.so-root .so-day.out{background:transparent;opacity:.35}.so-root .so-day.today{border-color:var(--so-brand);box-shadow:0 0 0 1px var(--so-brand) inset}.so-root .so-day .so-dnum{font-size:12px;color:var(--so-muted);font-weight:600;display:flex;justify-content:space-between;align-items:center}.so-root .so-day.today .so-dnum{color:var(--so-brand-on-soft)}.so-root .so-day .so-dnum .so-dtot{font-size:10.5px;color:var(--so-muted-2);font-weight:600}.so-root .so-ev{font-size:11px;border-radius:6px;padding:3px 6px;line-height:1.25;border-left:2px solid}.so-root .so-ev .so-ev-top{display:flex;justify-content:space-between;gap:6px}.so-root .so-ev .so-en{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--so-txt)}.so-root .so-ev .so-ea{font-weight:650;flex:0 0 auto;color:var(--so-txt)}.so-root .so-ev .so-et{color:var(--so-muted);font-size:10px}.so-root .so-ev.green{background:var(--so-green-soft);border-color:var(--so-green)}.so-root .so-ev.amber{background:var(--so-amber-soft);border-color:var(--so-amber)}.so-root .so-ev.red{background:var(--so-red-soft);border-color:var(--so-red)}.so-root .so-ev.paused{background:var(--so-slate-soft);border-color:var(--so-slate);border-left-style:dashed}.so-root .so-ev.paused .so-ea{text-decoration:line-through;color:var(--so-muted)}.so-root .so-ev.dim{opacity:.4}.so-root .so-more{font-size:10.5px;color:var(--so-muted);padding-left:2px;cursor:pointer;font-weight:600}.so-root .so-more:hover{color:var(--so-txt);text-decoration:underline}.so-root .so-ev.clk{cursor:pointer}.so-root .so-ev.clk:hover{filter:brightness(1.08);box-shadow:0 0 0 1px var(--so-line-strong) inset}.so-root .so-ev.hl{outline:2px solid var(--so-brand);outline-offset:1px;opacity:1}.so-root .so-client.clk{cursor:pointer;position:relative}.so-root .so-weeknav{display:flex;align-items:center;gap:10px;margin:2px 0 14px;flex-wrap:wrap}.so-root .so-weeknav button{width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:16px;line-height:1;border:1px solid var(--so-line);background:var(--so-panel-2);color:var(--so-txt);display:inline-flex;align-items:center;justify-content:center}.so-root .so-weeknav button:hover{border-color:var(--so-line-strong)}.so-root .so-weeknav-label{font-size:13px;font-weight:700;color:var(--so-txt);min-width:110px;text-align:center}.so-root .so-weeknav-today{width:auto!important;height:auto!important;padding:5px 10px;font-size:11.5px;font-weight:600;color:var(--so-brand)!important;border-color:var(--so-line)!important}.so-root .so-client.clk:hover{background:var(--so-panel-2);box-shadow:inset 3px 0 0 var(--so-brand)}.so-root .so-client.clk .so-name{display:inline-flex;align-items:center;gap:5px}.so-root .so-client.clk .so-name:after{content:"↗";font-size:11px;color:var(--so-brand);opacity:0;transition:opacity .12s}.so-root .so-client.clk:hover .so-name:after{opacity:1}.so-root .so-legend{display:flex;gap:16px;padding:12px 18px;border-top:1px solid var(--so-line);color:var(--so-muted);font-size:12px;flex-wrap:wrap}.so-root .so-legend .so-k{display:flex;align-items:center;gap:6px}.so-root .so-dot{width:9px;height:9px;border-radius:3px}.so-root .so-spin{animation:so-spin 1s linear infinite}@keyframes so-spin{to{transform:rotate(360deg)}}:root{--color-bg: #f4f3ef;--color-surface: #ffffff;--color-surface-alt: #f0eeea;--color-surface-hover:#e8e6e0;--color-border: #e2dfd8;--color-border-strong:#c8c5be;--color-text: #1c1a17;--color-text-muted: #6b6860;--color-text-faint: #a09d98;--color-primary: #1a6fc4;--color-primary-hover:#155ea8;--color-primary-text: #ffffff;--color-accent: #f59e0b;--color-success: #16a34a;--color-danger: #dc2626;--color-warning: #e85d9a;--color-info: #1a6fc4;--color-focus-ring: rgba(8, 145, 178, .35);--sidebar-bg: #111827;--sidebar-bg-hover: #1f2937;--sidebar-bg-active: #1d3550;--sidebar-text: #d1d5db;--sidebar-text-muted: #6b7280;--sidebar-accent: #60c8f5;--sidebar-border: #1f2937;--sidebar-logo-text: #f9fafb;--sidebar-width: 260px;--sidebar-collapsed-width: 64px;--header-bg: #ffffff;--header-border: #e2dfd8;--header-height: 56px;--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed:1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full:9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.05);--shadow-lg: 0 10px 30px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--transition-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-sidebar: 40;--z-header: 50;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}[data-theme=dark]{--color-bg: #0d1117;--color-surface: #161b22;--color-surface-alt: #1c2128;--color-surface-hover:#21262d;--color-border: #30363d;--color-border-strong:#484f58;--color-text: #e6edf3;--color-text-muted: #8b949e;--color-text-faint: #484f58;--color-primary: #60c8f5;--color-primary-hover:#90d8f7;--color-primary-text: #0c1a2e;--color-accent: #fbbf24;--color-success: #3fb950;--color-danger: #f85149;--color-warning: #d29922;--color-info: #38bdf8;--color-focus-ring: rgba(56, 189, 248, .35);--sidebar-bg: #0d1117;--sidebar-bg-hover: #161b22;--sidebar-bg-active: #1c3a5e;--sidebar-text: #c9d1d9;--sidebar-text-muted: #484f58;--sidebar-accent: #58c4f8;--sidebar-border: #21262d;--sidebar-logo-text: #f0f6fc;--header-bg: #161b22;--header-border: #30363d;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 10px 30px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.4);--shadow-card: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-slow),color var(--transition-slow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-muted)}.text-faint{color:var(--color-text-faint)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;line-height:1;cursor:pointer;border:1px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-ghost{background-color:transparent;color:var(--color-text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text)}.btn-outline{background-color:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-outline:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);letter-spacing:.01em}.form-input{width:100%;padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--line-height-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-input::-moz-placeholder{color:var(--color-text-faint)}.form-input::placeholder{color:var(--color-text-faint)}.form-input.error{border-color:var(--color-danger)}.form-input.error:focus{box-shadow:0 0 0 3px #dc262633}.form-error{font-size:var(--text-xs);color:var(--color-danger);display:flex;align-items:center;gap:var(--space-1)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-surface-alt);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;line-height:1.5}.badge-primary{background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.badge-success{background-color:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.badge-danger{background-color:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.badge-warning{background-color:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.badge-neutral{background-color:var(--color-surface-alt);color:var(--color-text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:14px;height:14px}.spinner-lg{width:32px;height:32px;border-width:3px}.page-wrapper{display:flex;min-height:100vh;background-color:var(--color-bg)}.page-main{flex:1;min-width:0;display:flex;flex-direction:column;margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow)}.page-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.page-content{flex:1;padding:var(--space-6);margin-top:var(--header-height)}.header-hamburger{display:none!important}@media (max-width: 480px){.mode-toggle-btn{padding:4px 7px!important;letter-spacing:0!important}}@media (max-width: 400px){.mode-toggle-btn{display:none!important}}@media (max-width: 767px){.header-hamburger{display:flex!important}.page-main,.page-main.sidebar-collapsed{margin-left:0!important}.app-header{left:0!important;padding:0 var(--space-3)!important}.page-content{padding:var(--space-3)}.header-right{gap:var(--space-1)!important;flex-shrink:1!important;min-width:0!important;overflow:hidden!important}.gs-root{width:120px!important;flex-shrink:1!important}}@media (max-width: 390px){.app-header{padding:0 var(--space-2)!important}.header-right{gap:2px!important}.gs-root{display:none!important}}.divider{height:1px;background-color:var(--color-border);margin:var(--space-4) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) both}.data-mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.02em}