:root{--brand: #b8336a;--on-brand: #ffffff;--brand-d: #9c2a59;--brand-l: #fdf2f7;--track: #f8dbe8;--bg: #f9fafb;--panel: #ffffff;--raised: #f3f4f6;--ink: #111827;--muted: #5f6672;--line: #e5e7eb;--control: #d1d5db;--ok: #247b50;--bad: #c4242a;--side: #ffffff;--shadow: none;color-scheme:light}@media(prefers-color-scheme:dark){:root{--brand: #e889b1;--on-brand: #2a0f1c;--brand-d: #f2aac8;--brand-l: #2a1520;--track: #3d1d2c;--bg: #0f1115;--panel: #171a1f;--raised: #1f232a;--ink: #f3f4f6;--muted: #a1a7b3;--line: #2a2e36;--control: #3a3f48;--side: #13161a;color-scheme:dark}.sa-hero.sa-light{--ink: #f3f4f6;--ink2: #c9ced6;--ink3: #a1a7b3;background:color-mix(in oklab,var(--sa-c1) 12%,#0f1115)}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.5 DM Sans Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}a{color:var(--brand)}h5,h6{margin:0}hr{border:0;border-top:1px solid var(--line);margin:16px 0}input,textarea,select,button{font:inherit;color:inherit}input,textarea{width:100%;min-height:32px;padding:6px 10px;border:1px solid var(--control);border-radius:6px;background:var(--panel);outline:none}input:focus,textarea:focus{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}input:disabled{background:var(--bg);color:var(--muted)}input.invalid{border-color:var(--bad)}textarea{min-height:72px;resize:vertical}input[type=radio],input[type=checkbox]{width:auto}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border:1px solid var(--brand);border-radius:6px;padding:0 16px;cursor:pointer;font-weight:600;background:transparent;color:var(--brand)}.btn.primary{background:var(--brand);color:var(--on-brand)}.btn.primary:hover{background:var(--brand-d)}.btn.ghost:hover{background:var(--brand-l)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.block{width:100%;margin-top:12px}.btn.sm{min-height:28px;padding:0 10px;font-size:12px}.layout{display:flex;min-height:100vh}.side{width:240px;flex:none;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:width .15s}.brand{display:flex;align-items:center;gap:8px;padding:16px 20px;font-size:20px}.brand-t b{color:var(--brand)}.logo{font-size:26px}.side-search{padding:0 16px 8px}.side nav{overflow:auto;flex:1;padding:4px 10px}.menu-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:6px;text-decoration:none;color:var(--muted);margin:2px 0}.menu-item:hover{background:var(--raised);color:var(--ink)}.menu-item.active{background:var(--brand-l);color:var(--brand-d);font-weight:600;box-shadow:inset 2px 0 0 var(--brand)}.mi{width:20px;text-align:center;font-size:17px;display:inline-grid;place-items:center}.collapse{margin:8px auto 14px;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--panel);cursor:pointer}.layout.collapsed .side{width:72px}.layout.collapsed .brand-t,.layout.collapsed .mt,.layout.collapsed .side-search{display:none}.layout.collapsed .menu-item{justify-content:center;padding:10px 0}.backdrop{display:none}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:0 24px;height:64px;background:var(--panel);border:1px solid var(--line);position:sticky;top:0;z-index:20}.hamb{display:none;background:none;border:0;font-size:22px;cursor:pointer}.crumb{font-size:20px;font-weight:600;letter-spacing:-.01em}.crumb-module{font-weight:400;color:var(--muted)}.crumb-level{font-weight:700}.spacer{flex:1}.upgrade{display:inline-flex;align-items:center;gap:6px;min-height:32px;border:1px solid var(--control);border-radius:6px;padding:0 12px;background:var(--panel);color:var(--ink);font-weight:500;cursor:pointer}.userarea{position:relative}.userbtn{display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer}.avatar,.avatar-l,.avatar-xl{display:inline-grid;place-items:center;border-radius:50%;background:var(--brand-l);color:var(--brand-d);font-weight:700;flex:none}.avatar{width:34px;height:34px;font-size:13px}.avatar-l{width:64px;height:64px;font-size:20px}.avatar-xl{width:110px;height:110px;font-size:34px}.dropdown,.subnav{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;list-style:none;margin:0;padding:6px 0;background:var(--panel);border:1px solid var(--line);border-radius:10px;z-index:30}.dropdown a,.subnav a{display:block;padding:8px 16px;color:var(--ink);text-decoration:none}.dropdown a:hover,.subnav a:hover{background:var(--brand-l);color:var(--brand-d)}.topnav{background:var(--panel);border-top:1px solid var(--line);padding:0 16px;border:1px solid var(--line)}.topnav>ul{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:6px 0}.topnav-item{position:relative}.topnav-item>a,.topnav-item>button{display:inline-block;padding:7px 14px;border-radius:6px;text-decoration:none;color:var(--muted);background:none;border:0;cursor:pointer}.topnav-item.active>a,.topnav-item.active>button{color:var(--ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--brand);border-radius:0}.subnav{left:0;right:auto}.content{padding:24px;flex:1;display:flex;flex-direction:column;gap:18px}.footer{text-align:center;color:var(--muted);font-size:12px;padding:12px}.footer p{margin:2px 0}.card{background:var(--panel);border-radius:8px;padding:20px 24px;border:1px solid var(--line);position:relative}.card-h{font-size:16px;font-weight:700;margin-bottom:14px}.sub-h{font-size:15px;font-weight:600;margin-bottom:12px}.fld{display:flex;flex-direction:column;gap:5px;min-width:0}.fld>span:first-child,.lbl-t{color:var(--muted);font-size:13px}.fld em,.lbl-t em{color:var(--bad);font-style:normal;margin-left:2px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px}.name-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:6px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px 20px;align-items:end}.filters .wide{grid-column:span 2}.filter-actions,.form-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;grid-column:1 / -1}.req{margin:0 auto 0 0;color:var(--muted);font-size:12px}.field-err{color:var(--bad);font-size:12px}.radios{display:flex;gap:18px;padding:8px 0}.switch-row{display:flex;align-items:center;gap:10px}.records{color:var(--muted);margin:0 0 10px}.list-head{display:flex;justify-content:space-between;margin-bottom:10px}.balance{margin:8px 0 0;font-weight:700}.overlap{border:1px solid var(--bad);background:#d6454514;border-radius:10px;padding:10px 14px;margin-top:14px}.overlap p{margin:4px 0 0}.hsel{position:relative}.hsel-text{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:38px;padding:6px 30px 6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer}.hsel.open .hsel-text,.hsel-text:focus{border-color:var(--brand);outline:none;box-shadow:inset 0 0 0 1px var(--brand)}.hsel.err .hsel-text,.hdate.err input{border-color:var(--bad)}.hsel.disabled .hsel-text{background:var(--bg);cursor:not-allowed;color:var(--muted)}.hsel-caret{position:absolute;right:12px;top:10px;color:var(--muted);pointer-events:none}.ph{color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 10px;border-radius:14px;background:var(--brand-l);color:var(--brand-d);font-size:12px;font-weight:600}.chip button{border:0;background:none;cursor:pointer;color:inherit;padding:0 4px}.hsel-list{position:absolute;left:0;right:0;top:calc(100% + 4px);max-height:240px;overflow:auto;list-style:none;margin:0;padding:4px 0;background:var(--panel);border:1px solid var(--line);border-radius:8px;z-index:40}.hsel-list li{padding:8px 14px;cursor:pointer}.hsel-list li.hi{background:var(--brand-l);color:var(--brand-d)}.hsel-list li[aria-selected=true]{font-weight:700}.hsel-list .empty{color:var(--muted);cursor:default}.hdate,.hdate-wrap{position:relative}.hdate-wrap input{padding-right:38px}.hdate-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;cursor:pointer}.cal{position:absolute;top:calc(100% + 4px);left:0;width:280px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;z-index:40}.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cal-head button,.cal-foot button{border:0;background:none;cursor:pointer;color:var(--brand);font-weight:600;padding:4px 8px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.dow{font-size:12px;color:var(--muted);padding:4px 0}.day{border:0;background:none;border-radius:50%;aspect-ratio:1;cursor:pointer}.day:hover{background:var(--brand-l)}.day.today{outline:1px solid var(--brand)}.day.sel{background:var(--brand);color:var(--on-brand)}.cal-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:8px;padding-top:6px}.table,.ts-table{display:flex;flex-direction:column;gap:6px;overflow-x:auto}.tr{display:flex;align-items:center;gap:10px;min-width:760px;padding:10px 14px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.tr>span{flex:1;min-width:0;overflow-wrap:anywhere}.tr.th{background:var(--bg);font-weight:700;color:var(--muted);font-size:13px;border-color:transparent}.table .tr:not(.th){cursor:default}.table .tr:not(.th):hover{background:var(--brand-l)}.tr.empty{justify-content:center;color:var(--muted)}.tr.total{font-weight:700;background:var(--bg)}.num{text-align:right}.acts{display:flex;gap:6px;justify-content:flex-end}.ts-table .tr>span:nth-child(1),.ts-table .tr>span:nth-child(2){flex:2.5}.ts-table .day{text-align:center;line-height:1.1}.hrs{padding:6px;text-align:right}.ts-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.period{display:flex;align-items:center;gap:8px}.arrow{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--panel);cursor:pointer}.range{font-weight:700}.ts-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;flex-wrap:wrap;gap:10px}.ts-foot>div{display:flex;gap:8px}.status{margin:0;font-weight:700}.login-wrap{min-height:100vh;background:var(--bg)}.login-wrap .sa-split__form{background:var(--bg)}.login-card{width:100%;max-width:420px;background:var(--panel);border-radius:8px;padding:32px;border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.login-brand{font-size:18px;display:flex;align-items:center;gap:8px;margin-bottom:12px}.login-brand b{color:var(--brand)}.login-title{margin:0 0 8px;font-size:28px;font-weight:700;letter-spacing:-.02em}.login-card form{display:flex;flex-direction:column;gap:6px}.lbl-t2{display:inline-flex;align-items:center;gap:6px;font-weight:600}.lbl{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:13px;margin-top:6px}.alert{background:#d645451a;color:var(--bad);border:1px solid var(--bad);border-radius:8px;padding:8px 12px}.hint{background:var(--bg);border-radius:8px;padding:8px 12px;color:var(--muted);font-size:13px}.hint p{margin:2px 0}.forgot{text-align:center;margin:10px 0 0}.login-foot{color:var(--muted);font-size:12px;margin-top:12px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.widget{background:var(--panel);border-radius:8px;border:1px solid var(--line);padding:16px 20px;min-height:180px}.widget h6{font-size:15px;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:12px}.big{font-size:32px;font-weight:800;margin:0}.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border-radius:10px;background:var(--bg);text-decoration:none;color:var(--ink);font-size:22px}.quick a span{font-size:12px}.post-mini{margin:0 0 8px;font-size:13px}.myinfo{display:flex;gap:18px;align-items:flex-start}.profile-side{width:230px;flex:none;background:var(--panel);border-radius:8px;border:1px solid var(--line);padding:18px 0;position:sticky;top:130px}.profile-head{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 16px 14px}.profile-name{font-size:16px;text-align:center}.tabs{display:flex;flex-direction:column}.tabs a{padding:10px 22px;color:var(--ink);text-decoration:none;border-left:3px solid transparent}.tabs a:hover{background:var(--brand-l)}.tabs a.active{border-left-color:var(--brand);color:var(--brand-d);font-weight:700;background:var(--brand-l)}.profile-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px}.att-form{border:1px dashed var(--line);border-radius:10px;padding:14px;margin:10px 0;display:flex;flex-direction:column;gap:10px}.row-actions{display:flex;justify-content:flex-end;gap:8px}.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;max-height:70vh;overflow:auto;padding:2px}.dir-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;border:1px solid var(--line);border-radius:14px;background:var(--panel);cursor:pointer;text-align:center}.dir-card:hover,.dir-card.sel{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.dir-card small{color:var(--muted)}.dir-detail{position:absolute;right:20px;top:60px;width:240px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.dir-detail p{margin:0}.x{position:absolute;right:10px;top:6px;border:0;background:none;font-size:20px;cursor:pointer;color:var(--muted)}.buzz{display:flex;gap:18px;align-items:flex-start}.buzz-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;max-width:720px}.composer{display:flex;gap:12px;align-items:flex-start}.composer textarea{min-height:44px;border-radius:22px}.buzz-sort{display:flex;gap:10px;flex-wrap:wrap}.buzz-sort button{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:8px 16px;cursor:pointer}.buzz-sort button.active{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.post header{display:flex;gap:10px;align-items:center}.post header div{display:flex;flex-direction:column}.post-body{margin:12px 0;white-space:pre-wrap}.post footer{display:flex;align-items:center;gap:10px}.like{border:0;background:none;font-size:18px;cursor:pointer;filter:grayscale(1)}.like.on{filter:none}.ann{width:300px;flex:none;position:sticky;top:130px}.ann h6{font-size:15px;margin-bottom:12px}.ann-row{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.ann-row div{display:flex;flex-direction:column;flex:1;min-width:0}.ann-row small{color:var(--muted)}.ann-date{font-size:12px;color:var(--brand-d);white-space:nowrap}.toasts{position:fixed;left:24px;bottom:24px;display:flex;flex-direction:column;gap:10px;z-index:100}.toast{min-width:280px;padding:12px 16px;border-radius:8px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--ok);display:flex;flex-direction:column}.toast.error{border-left-color:var(--bad)}.toast.info{border-left-color:var(--brand)}@media(max-width:860px){.side{position:fixed;left:0;top:0;z-index:60;transform:translate(-100%);transition:transform .2s;width:260px!important}.layout.navopen .side{transform:none}.layout.navopen .backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:50}.layout.collapsed .brand-t,.layout.collapsed .mt,.layout.collapsed .side-search{display:initial}.collapse{display:none}.hamb{display:block}.topbar{padding:0 16px}.upgrade,.username{display:none}.crumb{font-size:16px}.content{padding:16px}.grid2,.grid3,.name-row{grid-template-columns:1fr}.filters .wide{grid-column:auto}.myinfo,.buzz{flex-direction:column}.profile-side,.ann{width:100%;position:static}.tabs{flex-direction:row;overflow-x:auto}.tabs a{white-space:nowrap;border-left:0;border-bottom:3px solid transparent}.tabs a.active{border-bottom-color:var(--brand)}.dir-detail{position:static;width:auto;margin-top:14px}.toasts{left:16px;right:16px}.toast{min-width:0}}.widget h6 .ic,.buzz-sort .ic{color:var(--brand);margin-right:2px}.quick .ic{font-size:22px;color:var(--brand)}.avatar-xl .ic{font-size:56px;opacity:.55}button.active .ic,[aria-pressed=true] .ic{color:inherit}