:root{--bg: #08080a;--surface: #0e0e11;--surface-2: #141419;--line: #1e1e25;--line-bright: #2a2a34;--text: #ededf2;--text-dim: #8b8b98;--text-faint: #5c5c68;--accent: #7c5cff;--accent-bright: #9d85ff;--accent-glow: rgba(124, 92, 255, .35);--danger: #ff5c72;--danger-glow: rgba(255, 92, 114, .25);--warn: #ffb340;--ok: #3ddc97;--radius: 12px;--tap: 44px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Inter,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(80rem 40rem at 50% -18rem,rgba(124,92,255,.16),transparent 70%);background-attachment:fixed}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100%}.sidebar{display:none;width:232px;flex-shrink:0;border-right:1px solid var(--line);padding:20px 12px;position:sticky;top:0;height:100vh}.main{flex:1;min-width:0;padding:20px 16px calc(var(--tap) + 40px);max-width:900px;margin:0 auto;width:100%}@media (min-width: 860px){.sidebar{display:block}.main{padding-bottom:40px}.tabbar{display:none}}.brand{display:flex;align-items:center;gap:9px;font-weight:600;letter-spacing:-.01em;padding:0 10px 22px}.brand-mark{width:22px;height:22px;border-radius:6px;background:linear-gradient(140deg,var(--accent-bright),var(--accent));box-shadow:0 0 18px var(--accent-glow)}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:var(--text-dim);font-size:14px;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--surface-2);color:var(--text);box-shadow:inset 2px 0 0 var(--accent),0 0 24px -8px var(--accent-glow)}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:#0a0a0deb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:20}.tabbar a{flex:1;min-height:var(--tap);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--text-faint)}.tabbar a.active{color:var(--accent-bright)}h1{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0 0 2px}.page-head{margin-bottom:22px}.subtle{color:var(--text-dim);font-size:13px}.faint{color:var(--text-faint);font-size:12px}.group-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:26px 0 9px}.group-label.danger{color:var(--danger)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.task{display:flex;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:13px 14px;margin-bottom:8px;transition:border-color .12s,transform .12s}.task:hover{border-color:var(--line-bright)}.task.is-overdue{border-color:#ff5c7266;box-shadow:0 0 26px -12px var(--danger-glow)}.task.is-approval{border-color:#7c5cff73;box-shadow:0 0 26px -12px var(--accent-glow)}.task.done{opacity:.35}.task-body{flex:1;min-width:0}.task-title{font-weight:500}.task-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px;font-size:12px;color:var(--text-faint)}.task-meta .sep{color:var(--line-bright)}.check{flex-shrink:0;width:22px;height:22px;margin-top:1px;border-radius:50%;border:1.5px solid var(--line-bright);background:transparent;display:grid;place-items:center;color:transparent;transition:all .14s}.check:hover{border-color:var(--accent);box-shadow:0 0 14px -2px var(--accent-glow)}.check:disabled{opacity:.4;cursor:default}.check.checked{background:var(--accent);border-color:var(--accent);color:#fff}.pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;border:1px solid var(--line-bright);color:var(--text-dim)}.pill.accent{border-color:#7c5cff80;color:var(--accent-bright)}.pill.danger{border-color:#ff5c7280;color:var(--danger)}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:6px}input[type=text],input[type=email],input[type=password]{width:100%;min-height:var(--tap);padding:0 13px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;outline:none;transition:border-color .12s,box-shadow .12s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff24,0 0 30px -10px var(--accent-glow)}.btn{width:100%;min-height:var(--tap);border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:550;box-shadow:0 0 30px -8px var(--accent-glow);transition:background .12s,opacity .12s}.btn:hover{background:var(--accent-bright)}.btn:disabled{opacity:.55;cursor:default}.btn-quiet{min-height:38px;padding:0 14px;width:auto;background:var(--surface-2);color:var(--text-dim);border:1px solid var(--line);border-radius:9px;box-shadow:none}.btn-quiet:hover{color:var(--text);border-color:var(--line-bright);background:var(--surface-2)}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px}.seg button{min-height:36px;padding:0 16px;background:transparent;border:none;border-radius:7px;color:var(--text-dim);font-size:14px}.seg button.on{background:var(--accent);color:#fff;box-shadow:0 0 22px -8px var(--accent-glow)}.error{padding:11px 13px;margin-bottom:14px;border-radius:10px;font-size:13px;background:#ff5c7217;border:1px solid rgba(255,92,114,.3);color:#ff9aa8}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:360px}.login-card .brand{justify-content:center;padding-bottom:26px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row-label{font-size:14px}.row-hint{color:var(--text-faint);font-size:12px;margin-top:3px;max-width:46ch}.empty{text-align:center;padding:64px 20px}.empty-mark{width:46px;height:46px;margin:0 auto 16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);box-shadow:0 0 40px -10px var(--accent-glow)}.skeleton{height:62px;margin-bottom:8px;border-radius:var(--radius);background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}textarea{width:100%;padding:11px 13px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;color:var(--text);outline:none;resize:vertical;line-height:1.55;font-family:inherit;transition:border-color .12s,box-shadow .12s}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff24,0 0 30px -10px var(--accent-glow)}select{width:100%;min-height:var(--tap);padding:0 11px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;outline:none}select:focus{border-color:var(--accent)}.field-row{display:grid;grid-template-columns:1fr;gap:0 12px}@media (min-width: 620px){.field-row{grid-template-columns:repeat(3,1fr)}}.row-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.notice{padding:12px 14px;margin-bottom:20px;border-radius:var(--radius);background:#7c5cff12;border:1px solid rgba(124,92,255,.22);color:var(--text-dim);font-size:13px;line-height:1.55}.bullets{margin:0;padding-left:18px;color:var(--text-dim);font-size:13px;line-height:1.6}.bullets li{margin-bottom:6px}.bullets li:last-child{margin-bottom:0}.actions{display:flex;align-items:center;gap:12px;margin:28px 0 8px;flex-wrap:wrap}.actions .btn{width:auto;min-width:180px;padding:0 22px}.bar{height:3px;margin-top:9px;border-radius:2px;background:var(--line);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-bright));box-shadow:0 0 12px -2px var(--accent-glow);transition:width .3s}.empty-mark.pulsing{animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,to{box-shadow:0 0 40px -10px var(--accent-glow);opacity:.75}50%{box-shadow:0 0 60px -4px var(--accent-glow);opacity:1}}.task.lead{flex-direction:column;align-items:stretch;gap:12px}@media (min-width: 620px){.task.lead{flex-direction:row;align-items:center}.lead-actions{flex-shrink:0}}.lead-actions{display:flex;gap:8px}.lead-actions .btn-quiet{flex:1;justify-content:center}@media (min-width: 620px){.lead-actions .btn-quiet{flex:none}}.btn-quiet.danger:hover{color:var(--danger);border-color:#ff5c7280}.btn-quiet.accent:hover{color:var(--accent-bright);border-color:#7c5cff99}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;background:#040406b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (min-width: 620px){.sheet{align-items:center}}.sheet-body{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line-bright);border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 -20px 60px -20px #000c,0 0 80px -30px var(--accent-glow);padding:22px 20px calc(22px + env(safe-area-inset-bottom));max-height:88vh;overflow-y:auto}@media (min-width: 620px){.sheet-body{border-radius:var(--radius);padding-bottom:22px}}.sheet-body h2{font-size:17px;font-weight:600;margin:0 0 2px}.check-row{display:flex;align-items:flex-start;gap:10px;padding:12px 0;cursor:pointer;font-size:14px}.check-row input{margin-top:2px;width:17px;height:17px;accent-color:var(--accent)}.check-row .row-hint{display:block;margin-top:3px}.toast{position:fixed;left:16px;right:16px;bottom:calc(var(--tap) + 18px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;background:var(--surface-2);border:1px solid var(--line-bright);border-radius:var(--radius);box-shadow:0 14px 40px -12px #000000b3;font-size:14px;animation:rise .18s ease-out}@media (min-width: 860px){.toast{left:auto;right:24px;bottom:24px;min-width:320px}}@keyframes rise{0%{transform:translateY(12px);opacity:0}}.link{background:none;border:none;padding:0;color:var(--accent-bright);font-weight:550}.link:hover{text-decoration:underline}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:-8px 0 20px}.chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;color:var(--text-dim);font-size:13px;transition:color .12s,border-color .12s,background .12s}.chip:hover{color:var(--text);border-color:var(--line-bright)}.chip.on{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 0 22px -8px var(--accent-glow)}.chip-n{font-size:11px;opacity:.75;font-variant-numeric:tabular-nums}