:root{--brand: #6c5ce7;--brand-ink: #fff;--brand-soft: #efecff;--sun: #ffc93c;--bg: #fff8ef;--surface: #ffffff;--surface-2: #fdf1e4;--surface-3: #f3e3d1;--border: #f1e2d0;--text: #2d2a3e;--muted: #7a7487;--success: #1f9d55;--success-soft: #dcf7e6;--warn: #c76a00;--warn-soft: #fff0d6;--late: #e0484f;--late-soft: #ffe3e3;--shadow: 0 2px 6px rgb(120 80 40 / .06), 0 1px 2px rgb(120 80 40 / .05);--shadow-lg: 0 14px 34px rgb(90 60 30 / .16);--radius: 18px;--tabbar-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:light;font-family:Nunito,ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg) radial-gradient(circle at 100% 0,#ffe9d2 0,transparent 420px) no-repeat;color:var(--text);font-size:15px;line-height:1.45;-webkit-tap-highlight-color:transparent}body.modal-open{overflow:hidden}h1{font-size:1.6rem;margin:0;font-weight:900;letter-spacing:-.01em}h2{font-size:1rem;margin:0 0 12px;display:flex;align-items:center;gap:8px}h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;display:flex;align-items:center;gap:6px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brand);text-decoration:none}p{margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:.85rem}.tiny{font-size:.72rem}.strong{font-weight:600}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.row{display:flex;align-items:center}.gap-s{gap:8px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:12px}.spacer{flex:1}.pad{padding:16px}.late-text{color:var(--late)}.only-mobile{display:none}@media(max-width:767px){.only-mobile{display:initial}.hide-mobile{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:600;transition:background .15s,transform .05s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:default}.btn-s{min-height:32px;padding:0 12px;font-size:.82rem;border-radius:999px}.btn-block{width:100%}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);box-shadow:0 4px 12px #6c5ce74d}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.btn-neutral{background:var(--surface-2);border-color:transparent}.btn-ghost{background:transparent;border-color:transparent}.danger{color:var(--late)!important}.link{background:none;border:0;padding:0;color:var(--brand);font-weight:600;font-size:inherit}.icon-btn{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;border:0;background:transparent;color:var(--text)}.icon-btn:hover{background:var(--surface-2)}input:not([type=checkbox]),select,textarea{width:100%;min-height:42px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:16px}textarea{resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:.82rem;font-weight:600;color:var(--muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.segmented{display:inline-flex;background:var(--surface-2);border-radius:10px;padding:3px;gap:2px}.segmented button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:6px 12px;border-radius:8px;font-weight:600;color:var(--muted);text-transform:capitalize;min-height:34px}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card.inset{box-shadow:none;padding:16px}.section{padding:16px;margin-bottom:16px}.count{font-size:.75rem;background:var(--surface-2);color:var(--muted);border-radius:999px;padding:1px 8px;font-weight:600}.note{background:var(--warn-soft);color:var(--text);padding:10px 12px;border-radius:10px;font-size:.9rem;margin-bottom:12px}.empty{text-align:center;color:var(--muted);padding:40px 0}.avatar{display:inline-grid;place-items:center;border-radius:50%;font-weight:800;flex:none;overflow:hidden;box-shadow:0 0 0 2px var(--surface)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.chip{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted);text-transform:capitalize}.chip.pts{color:#9a5b00;background:#fff1c2}.due-late{background:var(--late-soft);color:var(--late)}.due-soon{background:var(--brand-soft);color:var(--brand)}.status-pill{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.st-in_progress{background:#dbeafe;color:#1d4ed8}.st-review{background:var(--warn-soft);color:var(--warn)}.st-done{background:var(--success-soft);color:var(--success)}.shell{display:flex;min-height:100dvh}.sidebar{width:232px;flex:none;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:4px;padding:16px 12px;background:var(--surface);border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;padding:4px 8px 16px}.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:600}.side-link:hover{background:var(--surface-2)}.side-link.active{background:var(--brand-soft);color:var(--brand)}.side-me{margin-top:auto;display:flex;gap:10px;align-items:center;padding:8px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:max(8px,env(safe-area-inset-top))}.topbar-title{display:flex;align-items:center;gap:8px}.content{padding:4px 20px 32px;flex:1}.demo-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 20px;font-size:.85rem;background:#fff1c2}.demo-bar select{width:auto;min-height:32px;padding:2px 8px;font-size:.85rem}.tabbar{display:none}.splash{min-height:100dvh;display:grid;place-items:center;animation:pulse 1.2s infinite alternate}@keyframes pulse{0%{opacity:.4}to{opacity:1}}@media(max-width:767px){.sidebar{display:none}.topbar{padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top))}.content{padding:4px 12px calc(var(--tabbar-h) + var(--safe-b) + 24px)}.demo-bar{padding:8px 12px}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;inset:auto 0 0 0;z-index:30;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);background:var(--surface);border-top:1px solid var(--border)}.tab-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:.7rem;font-weight:600}.tab-link.active{color:var(--brand)}}@media(min-width:768px)and (max-width:1023px){.sidebar{width:76px;padding:16px 10px}.brand span,.side-link{font-size:0}.side-link{justify-content:center;padding:12px}.side-me>div{display:none}.brand{justify-content:center;padding:4px 0 16px}}.page{max-width:1280px;margin:0 auto}.page.narrow{max-width:640px}.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px}.page-head>:first-child{margin-right:auto}.bell{position:relative}.badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:9px;padding:0 5px;background:var(--late);color:#fff;font-size:.68rem;font-weight:700;display:grid;place-items:center}.popover{position:absolute;right:0;top:46px;width:min(360px,calc(100vw - 24px));max-height:70vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:50}.popover-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.notif-list{list-style:none;margin:0;padding:4px}.notif{display:grid;width:100%;text-align:left;gap:2px;padding:10px 12px;border-radius:10px;border:0;background:transparent}.notif:hover{background:var(--surface-2)}.notif.unread{background:var(--brand-soft)}.notif-title{font-weight:700;font-size:.9rem}.notif-body{font-size:.85rem;color:var(--muted)}.notif-time{font-size:.72rem;color:var(--muted)}.toasts{position:fixed;z-index:100;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar-h) + var(--safe-b) + 16px);display:grid;gap:8px;width:min(420px,calc(100vw - 24px));pointer-events:none}@media(min-width:768px){.toasts{bottom:24px}}.toast{background:var(--text);color:var(--bg);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow-lg);font-weight:600;font-size:.9rem;animation:rise .2s ease-out}.toast.error{background:var(--late);color:#fff}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.chips-scroll{display:flex;gap:6px;overflow-x:auto;flex:1 1 320px;scrollbar-width:none;padding:2px}.chips-scroll::-webkit-scrollbar{display:none}.fchip{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:600;font-size:.85rem;color:var(--muted)}.fchip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.search{display:flex;align-items:center;gap:6px;flex:0 1 240px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0 10px;color:var(--muted)}.search input{border:0;background:transparent;min-height:38px;padding:0}.search input:focus-visible{outline:none}@media(max-width:767px){.search{flex:1 1 100%}}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.kcol{background:color-mix(in srgb,var(--surface-2) 70%,transparent);border-radius:var(--radius);padding:10px;min-height:200px;transition:background .15s,box-shadow .15s}.kcol.over{background:var(--brand-soft);box-shadow:inset 0 0 0 2px var(--brand)}.kcol-head{display:flex;align-items:center;gap:8px;font-weight:700;padding:4px 4px 10px}.kcol-head .count{margin-left:auto;background:var(--surface)}.dot{width:10px;height:10px;border-radius:50%;background:var(--muted)}.dot-in_progress{background:#3b82f6}.dot-review{background:var(--warn)}.dot-done{background:var(--success)}.kcol-body{display:flex;flex-direction:column;gap:10px}.kcol-empty{border:2px dashed var(--surface-3);border-radius:12px;padding:20px;text-align:center;color:var(--muted);font-size:.85rem}.drag-wrap{touch-action:manipulation}.drag-wrap.ghost{opacity:.35}@media(max-width:1023px){.kanban{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:0 20px 8px;scroll-padding:0 20px}.kcol{flex:0 0 min(320px,46%);scroll-snap-align:start}}@media(max-width:767px){.kanban{margin:0 -12px;padding:0 12px 8px;scroll-padding:0 12px}.kcol{flex-basis:84%}}.task-card{padding:12px;display:flex;flex-direction:column;gap:8px;border-left:4px solid var(--surface-3);cursor:grab}.task-card.prio-high{border-left-color:var(--late)}.task-card.prio-medium{border-left-color:var(--warn)}.task-card.prio-low{border-left-color:var(--success)}.task-card.is-dragging{box-shadow:var(--shadow-lg);transform:rotate(2deg);cursor:grabbing}.task-open{display:grid;gap:4px;text-align:left;border:0;background:none;padding:0}.task-title{font-weight:600;overflow-wrap:anywhere}.task-feedback{font-size:.8rem;color:var(--warn)}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.task-actions{display:flex;gap:6px;flex-wrap:wrap}.list-view{display:flex;flex-direction:column;gap:18px}.lg-late h3{color:var(--late)}.lg-review h3{color:var(--warn)}.lcard{list-style:none;margin:0;padding:0;overflow:hidden}.lrow{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--border);border-left:4px solid transparent}.lrow:first-child{border-top:0}.lrow.prio-high{border-left-color:var(--late)}.lrow.prio-medium{border-left-color:var(--warn)}.lrow.prio-low{border-left-color:var(--success)}.lrow.is-done .task-title{text-decoration:line-through;color:var(--muted)}.lrow-main{flex:1;min-width:0;display:grid;gap:4px;text-align:left;border:0;background:none;padding:0}.lrow-sub{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.lrow-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:520px){.lrow{flex-wrap:wrap}.lrow-actions{width:100%;padding-left:44px;justify-content:flex-start}.lrow-actions:empty{display:none}}.fab{position:fixed;right:16px;bottom:calc(var(--tabbar-h) + var(--safe-b) + 16px);z-index:25;width:58px;height:58px;border-radius:18px;border:0;background:var(--brand);color:var(--brand-ink);display:grid!important;place-items:center;box-shadow:var(--shadow-lg)}@media(min-width:768px){.fab{display:none!important}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a0c1480;display:grid;place-items:center;padding:16px;animation:fade .15s}@keyframes fade{0%{opacity:0}}.modal{width:min(560px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:var(--surface);border-radius:18px;box-shadow:var(--shadow-lg)}.modal-head,.modal-foot{display:flex;align-items:center;gap:8px;padding:14px 18px}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between}.modal-head h2{margin:0;font-size:1.1rem}.modal-body{padding:16px 18px;overflow:auto;display:flex;flex-direction:column;gap:14px}.modal-foot{border-top:1px solid var(--border);flex-wrap:wrap}.task-status-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inline-avatar{display:inline-flex;align-items:center;gap:4px}@media(max-width:767px){.modal-backdrop{place-items:end stretch;padding:0}.modal{width:100%;max-height:92dvh;border-radius:20px 20px 0 0;animation:sheet .22s ease-out;padding-bottom:var(--safe-b)}@keyframes sheet{0%{transform:translateY(40px);opacity:0}}.grid-2{grid-template-columns:1fr 1fr;gap:10px}}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}@media(max-width:767px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.kpi{padding:14px 16px;display:flex;flex-direction:column;gap:2px}.kpi-label{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-size:1.9rem;font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi-sub{font-size:.8rem;color:var(--muted)}.kpi.tone-warn{background:var(--warn-soft);border-color:transparent}.kpi.tone-warn .kpi-value{color:var(--warn)}.kpi.tone-late{background:var(--late-soft);border-color:transparent}.kpi.tone-late .kpi-value{color:var(--late)}.dash-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:1023px){.dash-grid{grid-template-columns:1fr;gap:0}}.approvals{border-color:var(--warn)}.approvals ul,.upnext,.members{list-style:none;margin:0;padding:0}.approval{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--border);flex-wrap:wrap}.approval:first-child{border-top:0}.approval-main{flex:1;min-width:140px;display:grid;color:var(--text)}.upnext-row{width:100%;display:grid;gap:6px;text-align:left;border:0;background:var(--surface-2);padding:10px 12px;border-radius:10px;margin-bottom:8px;border-left:4px solid transparent}.upnext-row.prio-high{border-left-color:var(--late)}.upnext-row.prio-medium{border-left-color:var(--warn)}.upnext-row.prio-low{border-left-color:var(--success)}.perf-list{display:flex;flex-direction:column}.perf-row{display:flex;align-items:center;gap:12px;padding:10px 6px;border:0;border-top:1px solid var(--border);background:none;text-align:left;width:100%;border-radius:0}.perf-row:first-child{border-top:0}.perf-row:hover{background:var(--surface-2)}.rank{width:18px;text-align:center;font-weight:800;color:var(--muted)}.perf-name{flex:1;min-width:0;display:grid}.perf-spark{width:90px}.spark{width:100%;height:28px;display:block}.perf-ring{display:grid;justify-items:center}.ring-label{font-size:11px;font-weight:700;fill:var(--text)}.perf-streak{display:inline-flex;align-items:center;gap:2px;color:#f06d1f;font-weight:700;min-width:40px}.perf-points{display:grid;justify-items:end;min-width:52px;font-variant-numeric:tabular-nums}.perf-points b{font-size:1.15rem}.delta{font-size:.72rem;font-weight:700;color:var(--muted)}.delta.up{color:var(--success)}.delta.down{color:var(--late)}.perf-help{margin:10px 0 0}.chart svg{width:100%;height:auto;display:block;overflow:visible;touch-action:pan-y}.gridline{stroke:var(--border);stroke-dasharray:3 4}.axis-label{font-size:11px;fill:var(--muted)}.chart-foot{min-height:28px;margin-top:8px;font-size:.8rem}.legend,.chart-tip{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}.legend i,.chart-tip i{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:-1px}.member{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--border);flex-wrap:wrap}.member:first-child{border-top:0}.member-main{flex:1;min-width:140px;display:grid;color:var(--text)}.member select{width:auto;min-height:36px}.invite{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.invite-code{font-size:1.5rem;font-weight:800;letter-spacing:.15em;padding:6px 14px;border-radius:10px;background:var(--surface-2)}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:34px;height:34px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--border)}.swatch.on{box-shadow:0 0 0 3px var(--text)}.toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--border);cursor:pointer}.toggle:first-of-type{border-top:0}.toggle>span{display:grid}.toggle input{width:44px;height:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-3);border-radius:13px;position:relative;flex:none;cursor:pointer;transition:background .15s}.toggle input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:var(--shadow)}.toggle input:checked{background:var(--brand)}.toggle input:checked:after{transform:translate(18px)}.device-push{padding-top:12px;border-top:1px solid var(--border);margin-top:4px}.auth-wrap{min-height:100dvh;display:grid;place-items:center;padding:16px}.auth{width:min(400px,100%);padding:28px 24px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.auth.wide{width:min(720px,100%)}.auth form,.auth .onboard-grid{width:100%;text-align:left}.auth-switch{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;font-size:.9rem}.onboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.onboard-grid h2{margin-bottom:0}@media(max-width:600px){.onboard-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.between{justify-content:space-between}.center{justify-content:center}.no-margin{margin:0!important}.section-plain{margin-bottom:16px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.section-head h2{margin:0}.h-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--brand-soft);color:var(--brand)}.h-icon.warn{background:var(--warn-soft);color:var(--warn)}.empty-mini{padding:18px;text-align:center;color:var(--muted);background:var(--surface-2);border-radius:14px;font-weight:600}.hero{position:relative;overflow:hidden;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:26px 28px;border-radius:26px;margin:8px 0 16px;color:#fff;background:linear-gradient(125deg,#6c5ce7,#8e6cf0 45%,#f472b6);box-shadow:0 18px 40px #6c5ce747}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;background:#ffffff1f;pointer-events:none}.hero:before{width:260px;height:260px;right:-60px;top:-110px}.hero:after{width:160px;height:160px;right:220px;bottom:-100px;background:#ffc93c38}.hero-main{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;min-width:0}.hero-date{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.hero h1{font-size:clamp(1.4rem,3.2vw,2rem);color:#fff}.hero p{margin:0;opacity:.92;font-weight:600}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.hero-btn{background:#fff;color:#4b3fd1;border:0;box-shadow:0 6px 16px #0000001f}.hero-btn.ghost{background:#ffffff2e;color:#fff;box-shadow:none}.hero-avatars{display:flex;margin-top:10px}.hero-avatars .avatar{margin-right:-8px;box-shadow:0 0 0 3px #8e6cf0}.hero-side{position:relative;z-index:1;flex:none}.hero-level{display:flex;align-items:center;gap:14px;background:#ffffff24;padding:14px 18px;border-radius:22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-level .ring-label{fill:#fff;font-size:9px}.hero-level>div{display:grid}.hero-big{font-size:1.6rem;font-weight:900;line-height:1.1}.hero-small{font-size:.8rem;opacity:.9;max-width:150px}@media(max-width:767px){.hero{flex-direction:column;align-items:stretch;padding:20px;border-radius:22px}.hero-level{justify-content:flex-start}.hero-level svg{width:76px;height:76px}}.tip{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:16px;border-radius:16px;background:#fff1c2;color:var(--text);border:1px dashed #f1c75b;font-size:.9rem}.tip span{flex:1}.dash-toolbar{margin:4px 0 12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}@media(max-width:1023px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.stat{padding:16px;display:flex;flex-direction:column;gap:6px;--tone: var(--brand);--tone-soft: var(--brand-soft)}.stat.tone-violet{--tone: #6c5ce7;--tone-soft: #efecff}.stat.tone-sun{--tone: #d48a00;--tone-soft: #fff1c2}.stat.tone-amber{--tone: #ea7a1a;--tone-soft: #ffe8d2}.stat.tone-rose{--tone: #e0487a;--tone-soft: #ffe3ee}.stat-top{display:flex;align-items:center;gap:8px}.stat-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--tone-soft);color:var(--tone);flex:none}.stat-label{font-size:.8rem;font-weight:800;color:var(--muted);flex:1;min-width:0}.stat-value{font-size:2rem;font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.stat-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:22px}.stat-sub{font-size:.8rem;color:var(--muted)}.stat-spark{width:72px;color:var(--tone)}.delta-pill{font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);white-space:nowrap}.delta-pill.up{background:var(--success-soft);color:var(--success)}.delta-pill.down{background:var(--late-soft);color:var(--late)}@media(max-width:767px){.stat{padding:12px}.stat-value{font-size:1.6rem}.stat-spark{display:none}}.hover-line{stroke:var(--brand);stroke-dasharray:3 4;opacity:.5}.legend-chip{border:0;background:var(--surface-2);padding:3px 10px;border-radius:999px;font-weight:700;font-size:.8rem;display:inline-flex;align-items:center;gap:6px}.legend-chip.off{opacity:.4;text-decoration:line-through}.donut{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}.donut-num{font-size:9px;font-weight:900;fill:var(--text)}.donut-sub{font-size:3.4px;font-weight:700;fill:var(--muted);text-transform:uppercase;letter-spacing:.1em}.donut-legend{list-style:none;margin:0;padding:0;display:grid;gap:8px;min-width:150px;flex:1}.donut-legend li{display:flex;align-items:center;gap:8px;font-size:.88rem}.donut-legend i{width:10px;height:10px;border-radius:4px}.donut-legend span{flex:1;color:var(--muted);font-weight:600}.progress{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.progress span{display:block;height:100%;border-radius:999px;transition:width .4s ease}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.member-card{text-align:left;padding:16px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;border-top:4px solid var(--mc);transition:transform .15s,box-shadow .15s}.member-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.mc-head{display:flex;align-items:center;gap:12px}.mc-name{flex:1;min-width:0;display:grid}.mc-name b{font-size:1.05rem}.mc-rank{font-size:1.5rem;font-weight:900;color:var(--muted)}.mc-level{display:grid;gap:4px}.mc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;text-align:center}.mc-stats>div{display:grid;justify-items:center;align-content:center}.mc-stats b{font-size:1.1rem;font-variant-numeric:tabular-nums}.mc-stats span{font-size:.68rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.mc-spark{height:32px;color:var(--mc)}.mc-flags{display:flex;gap:6px;flex-wrap:wrap}.flag{font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:999px}.flag.late{background:var(--late-soft);color:var(--late)}.flag.warn{background:var(--warn-soft);color:var(--warn)}.approvals{border:2px solid #ffd99a}.approval{display:grid;gap:10px;padding:14px 0;border-top:1px solid var(--border)}.approval:first-child{border-top:0;padding-top:4px}.approval-top{display:flex;align-items:center;gap:10px}.approval-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.approval-actions .btn{min-height:38px}.feed{list-style:none;margin:0;padding:0;display:grid;gap:2px}.feed li{display:flex;gap:10px;padding:8px 0;position:relative}.feed li:not(:last-child):before{content:"";position:absolute;left:13px;top:36px;bottom:-4px;width:2px;background:var(--surface-2)}.feed-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--surface-2);color:var(--muted)}.feed-dot.good{background:var(--success-soft);color:var(--success)}.feed-dot.warn{background:var(--warn-soft);color:var(--warn)}.feed-dot.info{background:var(--brand-soft);color:var(--brand)}.feed-body{display:grid;gap:4px;min-width:0}.feed-text{color:var(--text);font-weight:600;font-size:.9rem}.photo-strip{display:flex;flex-wrap:wrap;gap:8px}.thumb-wrap{position:relative;display:inline-block;flex:none}.thumb{width:100%;height:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--surface-2);display:block;position:relative;object-fit:cover;cursor:zoom-in}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-more{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073;color:#fff;font-weight:800}.thumb-x{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:2px solid var(--surface);background:var(--late);color:#fff;display:grid;place-items:center;padding:0}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0f0c19eb;display:grid;place-items:center;padding:56px 12px 72px;animation:fade .15s}.lightbox img{max-width:100%;max-height:100%;border-radius:14px;object-fit:contain;box-shadow:0 20px 60px #00000080}.lb-loading{width:48px;height:48px;border-radius:50%;border:4px solid rgb(255 255 255 / .2);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lb-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;color:#fff;background:#ffffff1f}.lb-caption{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:.9rem;background:#ffffff1f;padding:4px 8px;border-radius:999px;white-space:nowrap}.lb-caption .icon-btn{color:#fff;width:34px;height:34px}.lb-caption .icon-btn:disabled{opacity:.3}.proof .modal-body{gap:12px}.proof-task{margin:0;font-size:1.05rem}.proof-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.proof-grid img.thumb{cursor:default}.proof-add{width:96px;height:96px;border-radius:16px;border:2px dashed var(--brand);background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;align-content:center;gap:4px;font-weight:800;font-size:.78rem}.proof-add.alt{border-color:var(--surface-3);background:var(--surface-2);color:var(--muted)}.proof-add.small{width:84px;height:84px}.proof-add:disabled{opacity:.5}.lock-wrap{min-height:100dvh;display:grid;place-items:center;padding:16px;background:linear-gradient(160deg,#efecff,#fff8ef 55%,#ffe9d2)}.lock{width:min(420px,100%);padding:28px 22px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.lock h1{font-size:1.4rem}.who-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin:10px 0}.who{border:0;background:none;display:grid;justify-items:center;gap:8px;font-weight:800;padding:6px;border-radius:18px}.who:hover{background:var(--surface-2)}.who.picked{cursor:default}.who.picked:hover{background:none}.pinpad{display:grid;gap:18px;justify-items:center}.pin-dots{display:flex;gap:14px}.pin-dots span{width:16px;height:16px;border-radius:50%;border:2px solid var(--brand);transition:background .1s,transform .1s}.pin-dots span.on{background:var(--brand);transform:scale(1.1)}.pin-keys{display:grid;grid-template-columns:repeat(3,72px);gap:12px}.pin-key{width:72px;height:72px;border-radius:50%;border:0;background:var(--surface-2);font-size:1.6rem;font-weight:800;display:grid;place-items:center;transition:background .1s,transform .05s}.pin-key:active{transform:scale(.94);background:var(--brand-soft)}.pin-key.del{background:transparent;color:var(--muted)}.pin-key:disabled{opacity:.5}.pin-error{min-height:1.2em;margin:0;color:var(--late);font-weight:700;font-size:.9rem;visibility:hidden}.pin-error.show{visibility:visible}.pin-setup{display:grid;justify-items:center;gap:10px;padding:8px 0}.profile-card{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.avatar-edit{display:grid;justify-items:center;gap:12px}.avatar-pick{position:relative;border:0;background:none;padding:0;border-radius:50%}.avatar-pick-badge{position:absolute;right:2px;bottom:2px;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;border:3px solid var(--surface)}.auth{position:relative}.auth-back{position:absolute;left:18px;top:16px}.section.highlight{border:2px solid var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.kanban{--board-h: 70vh;display:grid;grid-template-columns:var(--kanban-cols, repeat(4, minmax(0, 1fr)));gap:14px;align-items:start;transition:grid-template-columns .25s ease}.kcol{display:flex;flex-direction:column;max-height:var(--board-h);min-height:0}.kcol.is-empty{min-height:0}.kcol-head{flex:none;flex-wrap:nowrap;white-space:nowrap}.kcol-late{font-size:.68rem;font-weight:800;color:var(--late);background:var(--late-soft);padding:1px 7px;border-radius:999px}.kcol-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 6px;margin:0 -2px;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;-webkit-mask-image:none;mask-image:none}.kcol-body.fade-bottom{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent)}.kcol-body.fade-top{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22px);mask-image:linear-gradient(to bottom,transparent,#000 22px)}.kcol-body.fade-top.fade-bottom{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 22px,#000 calc(100% - 28px),transparent)}.kcol.is-empty .kcol-empty{padding:14px 10px}.kcol-more{border:0;background:transparent;color:var(--brand);font-weight:800;font-size:.82rem;padding:8px;border-radius:10px}.kcol-more:hover{background:var(--surface)}.task-card.dense{padding:9px 10px;gap:6px;border-radius:14px}.task-card.dense .task-title{font-size:.9rem;line-height:1.3}.task-card.dense .chip{font-size:.7rem;padding:1px 6px}.task-card.dense .task-actions .btn-s{min-height:28px;font-size:.76rem;padding:0 10px}.kcol.dense .kcol-body{gap:7px}.kswitch{display:none}@media(max-width:1023px){.kswitch{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:-4px 0 10px;padding:2px;position:sticky;top:56px;z-index:5}.kswitch::-webkit-scrollbar{display:none}.kswitch-btn{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:700;font-size:.85rem;color:var(--muted)}.kswitch-btn b{font-size:.75rem;background:var(--surface-2);color:var(--text);border-radius:999px;padding:0 7px;min-width:22px;text-align:center}.kswitch-btn.on{background:var(--text);color:var(--bg);border-color:var(--text)}.kswitch-btn.on b{background:#fff3;color:inherit}.kanban{display:flex;grid-template-columns:none}.kcol{flex:0 0 min(340px,46%)}.kcol.is-empty{flex-basis:min(240px,34%)}}@media(max-width:767px){.kcol{flex-basis:86%}.kcol.is-empty{flex-basis:62%}}.camera{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#000;display:grid;place-items:center}.camera video{width:100%;height:100%;object-fit:cover}.camera video.mirror{transform:scaleX(-1)}.camera-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:.8;pointer-events:none}.camera-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:16px;padding:24px;text-align:center;color:#fff;font-weight:700}.camera-msg p{max-width:320px;margin:0 auto}.camera-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:max(14px,env(safe-area-inset-top)) 16px 14px}.cam-count{color:#fff;font-weight:800;background:#00000073;padding:6px 12px;border-radius:999px}.camera-bar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:center;padding:22px 16px max(26px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#0000008c)}.cam-btn{width:52px;height:52px;border-radius:50%;border:0;display:grid;place-items:center;color:#fff;background:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shutter{width:78px;height:78px;border-radius:50%;border:5px solid #fff;background:transparent;padding:5px}.shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#fff;transition:transform .1s}.shutter:active span{transform:scale(.88)}.shutter:disabled{opacity:.4}.chip.due-late,.chip.due-soon,.chip.due-normal{text-transform:none}