*{margin:0;padding:0;box-sizing:border-box}:root{--canvas: #FAF7F5;--surface: #FFFFFF;--surface-2: #FAF7F5;--ink: #241B15;--muted: #8A7A6E;--muted-2: #6E5F55;--border: #E6DCD4;--border-soft: #EFE7E1;--chip: #F3ECE7;--accent-from: #4B5BDC;--accent-to: #1B1E52;--accent-ink: #2E3BB0;--danger-bg: #FCE9E7;--danger: #A32A1C;--warn-bg: #FDF1DC;--warn: #8A5A0B;--info-bg: #ECE9FB;--info: #4C3AA8;--ok-bg: #E7F6EE;--ok: #186B43;--ok-dot: #22A45D;--bar-dim: #EFE3DA;--bar-hot: #59301A;--s1: #59301A;--s2: #C89A6B;--s3: #8A5A0B;--s4: #4C3AA8;--sb-bg: #241B15;--sb-ink: #F7F2ED;--sb-muted: #9C8B7E;--sb-active: #3A2A20;--sb-card: #31241B;--sb-accent: #E9B77F;--shadow-card: 0 1px 2px rgba(60,40,28,.08);--shadow-soft: 0 1px 0 rgba(43,32,25,.07)}[data-theme=dark]{--canvas: #191310;--surface: #241C17;--surface-2: #2C221C;--ink: #F3EAE2;--muted: #A08F81;--muted-2: #C0AE9F;--border: #3D3028;--border-soft: #342A23;--chip: #322822;--danger-bg: #46201C;--danger: #FFB4AB;--warn-bg: #3E2E12;--warn: #F2C368;--info-bg: #2A2540;--info: #BDB1F5;--ok-bg: #12331F;--ok: #6FD69B;--ok-dot: #6FD69B;--bar-dim: #3A322B;--bar-hot: #E9B77F;--s1: #E9B77F;--s2: #8A5230;--s3: #F2C368;--s4: #BDB1F5;--sb-bg: #1B140F;--sb-ink: #F7F2ED;--sb-muted: #9C8B7E;--sb-active: #3A2A20;--sb-card: #2A1F17;--sb-accent: #E9B77F;--shadow-card: 0 1px 2px rgba(0,0,0,.4);--shadow-soft: 0 1px 0 rgba(0,0,0,.35)}html,body{height:100%}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}button,input,select,textarea{font-family:inherit;color:inherit}.msr{font-family:Material Symbols Rounded;font-variation-settings:"FILL" 0,"wght" 500,"opsz" 24;line-height:1;-webkit-user-select:none;user-select:none}.msr.fill{font-variation-settings:"FILL" 1,"wght" 500,"opsz" 24}.sp-card{background:var(--surface);border-radius:20px;box-shadow:var(--shadow-card)}.sp-login-scene{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;background:#1b1e52}.sp-login-scene .frame{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background-size:cover;background-position:center;opacity:0;will-change:opacity,transform;animation:sp-login-fade 32s infinite}.sp-login-scene .frame:nth-child(1){animation-delay:-2s}.sp-login-scene .frame:nth-child(2){animation-delay:6s}.sp-login-scene .frame:nth-child(3){animation-delay:14s}.sp-login-scene .frame:nth-child(4){animation-delay:22s}@keyframes sp-login-fade{0%{opacity:0;transform:scale(1) translateZ(0)}6%{opacity:1}25%{opacity:1}31%{opacity:0;transform:scale(1.06) translate3d(-1%,-1%,0)}to{opacity:0;transform:scale(1.06) translate3d(-1%,-1%,0)}}.sp-login-scene .tint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#14100e00 55%,#14100e73),linear-gradient(105deg,#1b1e52c7,#1b1e527a 38%,#1b1e5229 70%,#14100e1a)}.sp-login-scene .grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;mix-blend-mode:overlay;background-image:radial-gradient(rgba(255,255,255,.9) .6px,transparent .7px);background-size:3px 3px}.sp-login-shell{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:32px;padding:40px clamp(20px,6vw,96px)}.sp-login-hero{color:#f7f2ed;max-width:560px}.sp-login-hero .kicker{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f7f2edc7;margin-bottom:22px}.sp-login-hero .kicker:before{content:"";width:26px;height:2px;background:#e9b77f;border-radius:2px}.sp-login-hero h2{font-size:clamp(34px,4.6vw,58px);line-height:1.02;font-weight:800;letter-spacing:-.03em;margin:0 0 18px;text-wrap:balance}.sp-login-hero p{font-size:16px;line-height:1.55;color:#f7f2edd1;max-width:460px}.sp-login-hero .points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.sp-login-hero .points span{font-size:12.5px;font-weight:700;padding:8px 12px;border-radius:999px;color:#f7f2ed;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sp-login-card{justify-self:center;width:min(400px,100%);background:#fffffff0;color:#241b15;border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:32px 30px;box-shadow:0 30px 80px #0a0c2873,0 1px #ffffffb3 inset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sp-login-card .sp-label{color:#6e5f55}.sp-login-card .sp-input{background:#fff;color:#241b15;border-color:#e6dcd4}.sp-login-card .muted{color:#8a7a6e}.sp-login-card .sp-btn{background:linear-gradient(135deg,#4b5bdc,#1b1e52);color:#f7f2ed;box-shadow:0 10px 24px #2e3bb059}.sp-login-foot{position:relative;z-index:1;text-align:center;font-size:11.5px;color:#f7f2ed99;padding:0 20px 22px}@media (max-width: 860px){.sp-login-scene .tint{background:linear-gradient(180deg,#1b1e529e,#1b1e5266 45%,#14100e8c)}.sp-login-shell{grid-template-columns:1fr;gap:24px;padding:32px 20px 24px;align-content:center}.sp-login-hero{max-width:none;text-align:center;margin:0 auto}.sp-login-hero .kicker:before{display:none}.sp-login-hero .points{justify-content:center}.sp-login-hero p{margin:0 auto}}@media (prefers-reduced-motion: reduce){.sp-login-scene .frame{animation:none}.sp-login-scene .frame:nth-child(1){opacity:1}}.sp-kicker{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sp-label{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}.sp-input,.sp-select{width:100%;padding:11px 13px;border-radius:12px;border:1.5px solid var(--border);font-size:15px;outline:none;background:var(--surface-2);color:var(--ink)}.sp-input:focus,.sp-select:focus{border-color:var(--accent-from)}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;border-radius:13px;border:none;cursor:pointer;font-size:13.5px;font-weight:800;color:var(--canvas);background:var(--ink)}.sp-btn:disabled{opacity:.55;cursor:default}.sp-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 15px;border-radius:13px;cursor:pointer;border:1px solid var(--border);background:var(--surface);font-size:13.5px;font-weight:700;color:var(--ink)}.sp-btn-ghost:hover{border-color:var(--muted)}.sp-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.02em;background:var(--chip);color:var(--muted-2)}.sp-pill.ok{background:var(--ok-bg);color:var(--ok)}.sp-pill.warn{background:var(--warn-bg);color:var(--warn)}.sp-pill.danger{background:var(--danger-bg);color:var(--danger)}.sp-linknum{border:none;background:none;cursor:pointer;padding:2px 6px;margin:-2px -6px;font:inherit;font-variant-numeric:tabular-nums;font-weight:800;color:var(--accent-ink);border-radius:8px;text-decoration:underline dotted;text-underline-offset:3px}.sp-linknum:hover{background:var(--info-bg)}.sp-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#241b1561;animation:sp-fade-in .18s ease}.sp-drawer{position:absolute;top:0;right:0;bottom:0;width:min(460px,100vw);background:var(--surface);color:var(--ink);box-shadow:-18px 0 50px #241b1538;display:flex;flex-direction:column;animation:sp-slide-in .26s cubic-bezier(.2,.8,.2,1)}.sp-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 14px;border-bottom:1px solid var(--border-soft)}.sp-drawer-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:6px 12px 24px}.sp-drawer-count.undo{color:var(--danger);background:var(--danger-bg)}.sp-drawer-day{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:14px 8px 6px;position:sticky;top:0;background:var(--surface)}.sp-drawer-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:12px}.sp-drawer-row:hover{background:var(--surface-2)}.sp-drawer-row.reversed{opacity:.7}.sp-drawer-time{width:52px;font-variant-numeric:tabular-nums;font-weight:700;font-size:13px;color:var(--muted-2)}.sp-drawer-count{font-weight:800;font-size:13px;color:var(--ok);background:var(--ok-bg);border-radius:999px;padding:4px 9px}.sp-drawer-row.reversed .sp-drawer-count{color:var(--danger);background:var(--danger-bg);text-decoration:line-through}@keyframes sp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sp-slide-in{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.sp-drawer,.sp-drawer-backdrop{animation:none}}.sp-alert{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:14px;font-size:13px;font-weight:700;background:var(--chip);color:var(--muted-2)}.sp-alert.danger{background:var(--danger-bg);color:var(--danger)}.sp-alert.warn{background:var(--warn-bg);color:var(--warn)}.sp-alert.info{background:var(--info-bg);color:var(--info)}.sp-error{padding:9px 12px;border-radius:10px;font-size:13px;font-weight:600;background:var(--danger-bg);color:var(--danger)}.sp-tabs{display:flex;gap:4px;background:var(--chip);border-radius:999px;padding:4px}.sp-tab{flex:1;padding:9px 14px;border-radius:999px;border:none;cursor:pointer;font-size:13px;font-weight:700;background:transparent;color:var(--muted-2);white-space:nowrap}.sp-tab.active{background:var(--ink);color:var(--canvas)}.sp-table{width:100%;border-collapse:collapse;font-size:14px}.sp-table th{text-align:left;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:10px 12px;border-bottom:1.5px solid var(--border)}.sp-table td{padding:12px;border-bottom:1px solid var(--border)}.sp-table tr:last-child td{border-bottom:none}.sp-switch{position:relative;width:46px;height:27px;border-radius:999px;border:none;cursor:pointer;background:var(--border);transition:background .2s}.sp-switch:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px #0000004d}.sp-switch.on{background:var(--ok)}.sp-switch.on:after{left:22px}.sp-sidebar{background:var(--sb-bg);color:var(--sb-ink)}.sp-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:13px;text-decoration:none;color:var(--sb-muted);font-size:14px;font-weight:600}.sp-nav a.active{background:var(--sb-active);color:var(--sb-ink);font-weight:700}.sp-nav a.active .msr{font-variation-settings:"FILL" 1,"wght" 500,"opsz" 24}.sp-nav a:hover{color:var(--sb-ink)}.sp-sb-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;border:none;cursor:pointer;text-align:left;background:transparent;color:var(--sb-muted);font-size:13px;font-weight:700}.sp-sb-btn:hover{color:var(--sb-ink);background:var(--sb-active)}.sp-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.sp-icon-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;border-radius:14px;border:1.5px solid transparent;cursor:pointer;background:var(--surface-2);color:var(--ink)}.sp-icon-cell:hover{border-color:var(--border)}.sp-icon-cell.selected{border-color:var(--accent-from);background:color-mix(in srgb,var(--accent-from) 10%,var(--surface-2))}.sp-icon-cell .cap{font-size:10.5px;font-weight:700;color:var(--muted-2);text-align:center;line-height:1.15}.sp-modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#140c0873;z-index:40;display:grid;place-items:center;padding:24px}.sp-modal{width:min(640px,100%);max-height:84vh;overflow:auto;background:var(--surface);border-radius:22px;padding:22px;box-shadow:var(--shadow-card)}@media (max-width: 860px){.sp-sidebar{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}