@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/montserrat_400.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/montserrat_500.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/montserrat_600.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/montserrat_700.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/montserrat_800.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jbmono_400.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jbmono_500.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jbmono_600.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}:root{--navy-950:color-mix(in srgb, var(--tenant-navy) 88%, black);--tenant-navy:#112143;--navy-900:var(--tenant-navy);--navy-800:color-mix(in srgb, var(--tenant-navy) 85%, white);--navy-700:color-mix(in srgb, var(--tenant-navy) 70%, white);--sidebar-bg:var(--navy-900);--sidebar-bg-active:color-mix(in srgb, var(--tenant-navy) 80%, white);--sidebar-bg-hover:color-mix(in srgb, var(--tenant-navy) 90%, white);--sidebar-ink:#f2f4fa;--sidebar-ink-muted:#96a1c2;--sidebar-ink-faint:#5f6c93;--sidebar-border:#ffffff17;--bg:#fff;--bg-inset:#f6f7fb;--bg-raised:#fff;--bg-hover:#f2f4f9;--border:#e4e8f1;--border-strong:#ccd3e3;--ink:#141b2c;--ink-secondary:#535e79;--ink-muted:#8991a8;--ink-on-accent:#fff;--accent:#e3154b;--accent-hover:#c81140;--accent-bright:#f7044a;--accent-tint:#fde8ee;--accent-tint-ink:#9c1140;--success:#137a4c;--success-tint:#e3f5ea;--success-tint-ink:#0e5c39;--warning-ink:#8a5a00;--warning-tint:#faf0d8;--warning-dot:#d18a00;--danger:#c22a3e;--danger-tint:#fbe8ea;--danger-tint-ink:#9c1b2c;--focus-ring:var(--accent-bright);--accent-tint-strong:#fbcfdc;--shadow-sm:0 1px 2px #19264312, 0 1px 1px #1926430d;--shadow-md:0 10px 26px -10px #19264333, 0 2px 8px #19264314;--shadow-lg:0 26px 54px -14px #11192c52, 0 4px 14px #11192c1f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1220;--bg-inset:#0f1830;--bg-raised:#111c37;--bg-hover:#16223f;--border:#28345a;--border-strong:#3a4772;--ink:#edf0f8;--ink-secondary:#aab3cf;--ink-muted:#727ea3;--ink-on-accent:#fff;--accent:#e3154b;--accent-hover:#ff3568;--accent-bright:#ff2e60;--accent-tint:#3a1526;--accent-tint-ink:#ff9db8;--accent-tint-strong:#5a1d33;--success:#33c586;--success-tint:#123626;--success-tint-ink:#78e6b3;--warning-ink:#ffcf72;--warning-tint:#3a2c0e;--warning-dot:#f0a93a;--danger:#ff6b7d;--danger-tint:#3a151d;--danger-tint-ink:#ff9aa6;--shadow-sm:0 1px 2px #03060c80;--shadow-md:0 12px 28px -10px #02040899;--shadow-lg:0 30px 60px -14px #010204b3}}:root[data-theme=dark]{--bg:#0b1220;--bg-inset:#0f1830;--bg-raised:#111c37;--bg-hover:#16223f;--border:#28345a;--border-strong:#3a4772;--ink:#edf0f8;--ink-secondary:#aab3cf;--ink-muted:#727ea3;--ink-on-accent:#fff;--accent:#e3154b;--accent-hover:#ff3568;--accent-bright:#ff2e60;--accent-tint:#3a1526;--accent-tint-ink:#ff9db8;--success:#33c586;--success-tint:#123626;--success-tint-ink:#78e6b3;--warning-ink:#ffcf72;--warning-tint:#3a2c0e;--warning-dot:#f0a93a;--danger:#ff6b7d;--danger-tint:#3a151d;--danger-tint-ink:#ff9aa6;--shadow-sm:0 1px 2px #03060c80;--shadow-md:0 12px 28px -10px #02040899;--shadow-lg:0 30px 60px -14px #010204b3}:root{--font-ui:"Montserrat", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-2xl:2.375rem;--text-metric-lg:1.9rem;--text-metric-md:1.4rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-7:2rem;--sp-8:2.5rem;--sp-9:3rem;--sp-10:4rem;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-full:999px;--sidebar-w:250px;--topbar-h:64px}html,body{height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;font-weight:450;line-height:1.5}.slideover,.sidebar{contain:layout}h1,h2,h3,h4{font-family:var(--font-ui);text-wrap:balance;letter-spacing:-.01em;color:var(--ink);margin:0;font-weight:600}p{margin:0}a{color:inherit}button{color:inherit;font-family:inherit}svg{display:block}input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-sm);padding:.55em .7em}textarea{resize:vertical}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--accent-bright);outline:none}input::placeholder,textarea::placeholder{color:var(--ink-muted)}::selection{background:var(--accent-tint-strong,var(--accent-tint));color:var(--ink)}*{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--ink-muted)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--r-sm)}.num,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.icon{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.icon-sm{width:14px;height:14px}.icon-lg{width:22px;height:22px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{font-family:var(--font-ui);font-weight:600;font-size:var(--text-sm);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5em;padding:.6em 1.05em;line-height:1.2;transition:background .15s,border-color .15s,transform 80ms,opacity .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{color:var(--ink);border-color:var(--border-strong);background:0 0}.btn-secondary:hover{background:var(--bg-hover)}.btn-ghost{color:var(--ink-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--ink)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{filter:brightness(1.08)}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger-tint)}.btn-sm{font-size:var(--text-xs);padding:.42em .8em}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn-icon{border-radius:var(--r-sm);padding:.5em}.chip{border-radius:var(--r-full);font-size:var(--text-2xs);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:.4em;padding:.28em .7em .28em .55em;font-weight:700;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.chip-neutral{background:var(--bg-inset);color:var(--ink-secondary);border:1px solid var(--border)}.chip-warning{background:var(--warning-tint);color:var(--warning-ink)}.chip-success{background:var(--success-tint);color:var(--success-tint-ink)}.chip-danger{background:var(--danger-tint);color:var(--danger-tint-ink)}.chip-accent{background:var(--accent-tint);color:var(--accent-tint-ink)}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.avatar{width:30px;height:30px;font-size:.7rem;font-weight:700;font-family:var(--font-ui);letter-spacing:.02em;color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-lg{width:44px;height:44px;font-size:var(--text-base)}.avatar-a{background:#8a4fd6}.avatar-b{background:#1d8f7a}.avatar-c{background:#c96a1f}.avatar-d{background:var(--accent)}.avatar-e{background:#2a5cb8}#login-screen{background:var(--navy-950);justify-content:center;align-items:stretch;min-height:100vh;display:flex;position:relative;overflow:hidden}#login-screen.leaving{animation:.32s forwards loginOut}@keyframes loginOut{to{opacity:0;transform:scale(.98)}}.login-halftone{opacity:.5;background-image:radial-gradient(circle,#ffffff29 1.4px,#0000 1.6px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 20% 30%,#000,#0000);mask-image:radial-gradient(60% 70% at 20% 30%,#000,#0000)}.login-stitch{background-image:repeating-linear-gradient(to bottom, var(--accent-bright) 0 10px, transparent 10px 20px);opacity:.55;width:1px;position:absolute;top:0;bottom:0;right:0}.login-wrap{z-index:1;width:100%;max-width:1180px;padding:var(--sp-9) var(--sp-8);align-items:center;gap:var(--sp-9);grid-template-columns:1.15fr 1fr;display:grid;position:relative}.login-brand{color:var(--sidebar-ink)}.login-logo{margin-bottom:var(--sp-8);align-items:center;gap:.6rem;display:inline-flex}.login-logo .dot{background:var(--accent-bright);border-radius:50%;width:13px;height:13px}.login-logo span{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:700}.login-brand h1{color:#fff;font-size:var(--text-2xl);letter-spacing:-.02em;max-width:16ch;margin-bottom:var(--sp-4);font-weight:700}.login-brand p{color:var(--sidebar-ink-muted);font-size:var(--text-md);max-width:38ch;margin-bottom:var(--sp-8);line-height:1.6}.login-tags{gap:var(--sp-2);flex-wrap:wrap;display:flex}.login-tag{border-radius:var(--r-full);border:1px solid var(--sidebar-border);color:var(--sidebar-ink-muted);font-size:var(--text-xs);align-items:center;gap:.5em;padding:.5em .9em;font-weight:600;display:inline-flex}.login-tag .icon{width:14px;height:14px;color:var(--accent-bright)}.login-card{background:var(--bg-raised);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--sp-8);animation:.5s cubic-bezier(.2,.8,.2,1) 50ms both cardUp}@keyframes cardUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.login-card h2{font-size:var(--text-lg);margin-bottom:.35rem}.login-card .sub{color:var(--ink-secondary);font-size:var(--text-sm);margin-bottom:var(--sp-6)}.field{margin-bottom:var(--sp-4)}.field label{font-size:var(--text-xs);color:var(--ink-secondary);margin-bottom:.4rem;font-weight:600;display:block}.field input,.field select,.field textarea{border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--bg);width:100%;color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base);padding:.72em .85em}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent-bright)}.field-row{margin-bottom:var(--sp-6);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.field-row label{font-size:var(--text-sm);color:var(--ink-secondary);align-items:center;gap:.5em;font-weight:500;display:flex}.field-row a{font-size:var(--text-sm);color:var(--accent);font-weight:600;text-decoration:none}.field-row a:hover{text-decoration:underline}.login-card .btn-primary{width:100%;font-size:var(--text-base);padding:.85em}.login-foot{margin-top:var(--sp-6);text-align:center;font-size:var(--text-xs);color:var(--ink-muted)}@media (max-width:860px){.login-wrap{padding:var(--sp-6);grid-template-columns:1fr}.login-brand{display:none}}#app{min-height:100vh;display:none}#app.entering{animation:.4s both appIn}@keyframes appIn{0%{opacity:0}to{opacity:1}}.shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);color:var(--sidebar-ink);z-index:40;flex-direction:column;flex-shrink:0;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-head{padding:var(--sp-5) var(--sp-5) var(--sp-4);border-bottom:1px solid var(--sidebar-border)}.brand-mark{align-items:center;gap:.55rem;display:flex}.brand-mark .dot{background:var(--accent-bright);border-radius:50%;flex-shrink:0;width:11px;height:11px}.brand-mark span{font-weight:700;font-size:var(--text-md);letter-spacing:-.01em}.brand-sub{font-size:var(--text-2xs);color:var(--sidebar-ink-faint);text-transform:uppercase;letter-spacing:.08em;margin-top:.3rem;font-weight:600}.nav{padding:var(--sp-4) var(--sp-3);flex:1;overflow-y:auto}.nav-group+.nav-group{margin-top:var(--sp-5)}.nav-group-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.09em;color:var(--sidebar-ink-faint);padding:0 var(--sp-3);margin-bottom:.5rem;font-weight:700}.nav-item{text-align:left;width:100%;color:var(--sidebar-ink-muted);border-radius:var(--r-sm);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:.7rem;margin-bottom:2px;padding:.62rem .75rem;font-weight:500;display:flex;position:relative}.nav-item .icon{color:var(--sidebar-ink-faint)}.nav-item:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-ink)}.nav-item:hover .icon{color:var(--sidebar-ink-muted)}.nav-item.active{background:var(--sidebar-bg-active);color:#fff}.nav-item.active .icon{color:var(--accent-bright)}.nav-item.active:before{content:"";border-radius:var(--r-full);background:var(--accent-bright);width:3px;position:absolute;top:8px;bottom:8px;left:-12px}.nav-item.locked{opacity:.4;cursor:not-allowed}.sidebar-foot{padding:var(--sp-4) var(--sp-3);border-top:1px solid var(--sidebar-border)}.role-switch{margin-bottom:var(--sp-3)}.role-switch label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-ink-faint);margin-bottom:.4rem;padding:0 .25rem;font-weight:700;display:block}.role-switch select{background:var(--sidebar-bg-hover);width:100%;color:var(--sidebar-ink);border:1px solid var(--sidebar-border);border-radius:var(--r-sm);font-size:var(--text-xs);font-weight:600;font-family:var(--font-ui);padding:.5em .6em}.user-card{align-items:center;gap:.65rem;padding:.4rem .25rem;display:flex}.user-card-link{border-radius:var(--r-sm);flex:1;align-items:center;gap:.65rem;min-width:0;margin:-.3rem 0 -.3rem -.35rem;padding:.3rem .35rem;text-decoration:none;display:flex}.user-card-link:hover,.user-card-link.active{background:var(--sidebar-bg-hover)}.user-card .who{flex:1;min-width:0}.user-card .name{font-size:var(--text-sm);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.user-card .role{font-size:var(--text-2xs);color:var(--sidebar-ink-faint)}.user-card button{color:var(--sidebar-ink-faint);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;padding:.4rem}.user-card button:hover{background:var(--sidebar-bg-hover);color:#fff}.mockup-tag{margin-top:var(--sp-3);font-size:var(--text-2xs);color:var(--sidebar-ink-faint);letter-spacing:.02em;padding:0 .25rem}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-h);align-items:center;gap:var(--sp-4);padding:0 var(--sp-6);border-bottom:1px solid var(--border);background:var(--bg);z-index:30;flex-shrink:0;display:flex;position:sticky;top:0}.topbar-menu-btn{color:var(--ink);cursor:pointer;background:0 0;border:none;padding:.4rem;display:none}.topbar-title{font-size:var(--text-md);white-space:nowrap;font-weight:600}.topbar-search{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--r-full);max-width:420px;color:var(--ink-muted);flex:1;align-items:center;gap:.6rem;padding:.5em .95em;display:flex}.topbar-search input{font-size:var(--text-sm);color:var(--ink);width:100%;font-family:var(--font-ui);background:0 0;border:none;outline:none}.topbar-search .icon{color:var(--ink-muted)}.topbar-actions{align-items:center;gap:var(--sp-3);margin-left:auto;display:flex}.bell-btn{color:var(--ink-secondary);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;padding:.5rem;position:relative}.bell-btn:hover{background:var(--bg-hover);color:var(--ink)}.bell-dot{background:var(--accent-bright);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px}.notif-pop{top:calc(var(--topbar-h) + 6px);right:var(--sp-6);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-md);width:340px;box-shadow:var(--shadow-lg);padding:var(--sp-2);z-index:50;display:none;position:absolute}.notif-pop.open{animation:.15s both popIn;display:block}@keyframes popIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.notif-pop-head{font-size:var(--text-sm);padding:.6rem .7rem .4rem;font-weight:700}.notif-row{border-radius:var(--r-sm);gap:.65rem;padding:.6rem .7rem;display:flex}.notif-row:hover{background:var(--bg-hover)}.notif-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.4rem}.notif-row.w .notif-dot{background:var(--warning-dot)}.notif-row.s .notif-dot{background:var(--success)}.notif-row p{font-size:var(--text-sm);line-height:1.4}.notif-row time{font-size:var(--text-2xs);color:var(--ink-muted);margin-top:.2rem;display:block}.content{padding:var(--sp-6);flex:1;width:100%;max-width:1320px;margin:0 auto}.panel{display:none}.panel.active{animation:.28s both panelIn;display:block}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-5);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.page-head h1{font-size:var(--text-xl)}.page-head .sub{color:var(--ink-secondary);font-size:var(--text-sm);margin-top:.3rem}.kpi-grid{gap:var(--sp-4);margin-bottom:var(--sp-6);grid-template-columns:repeat(4,1fr);display:grid}.kpi{padding:var(--sp-5);flex-direction:column;gap:.7rem;display:flex}.kpi-top{justify-content:space-between;align-items:center;display:flex}.kpi-label{font-size:var(--text-sm);color:var(--ink-secondary);font-weight:600}.kpi-icon{border-radius:var(--r-sm);background:var(--accent-tint);width:30px;height:30px;color:var(--accent-tint-ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpi-icon.w{background:var(--warning-tint);color:var(--warning-ink)}.kpi-value{font-family:var(--font-mono);font-size:var(--text-metric-lg);letter-spacing:-.02em;font-weight:700;line-height:1}.kpi-value small{font-size:var(--text-base);color:var(--ink-muted);margin-left:.35rem;font-weight:500}.kpi-detail{font-size:var(--text-xs);color:var(--ink-muted)}.kpi-bar{background:var(--bg-inset);border-radius:999px;height:6px;overflow:hidden}.kpi-bar span{background:var(--accent-bright);border-radius:999px;height:100%;display:block}.kpi-stack{border-radius:999px;gap:3px;height:8px;display:flex;overflow:hidden}.kpi-stack i{display:block}.kpi-stack .todo{background:var(--border-strong)}.kpi-stack .doing{background:var(--warning-dot)}.kpi-stack .done{background:var(--success)}.kpi-legend{gap:var(--sp-3);font-size:var(--text-2xs);color:var(--ink-muted);flex-wrap:wrap;display:flex}.kpi-legend span{align-items:center;gap:.35em;display:inline-flex}.kpi-legend i{border-radius:50%;width:7px;height:7px}.kpi-chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.kpi-link{font-size:var(--text-xs);color:var(--accent);align-items:center;gap:.3em;margin-top:auto;font-weight:700;text-decoration:none;display:inline-flex}.kpi-link .icon{width:13px;height:13px}.dash-grid{gap:var(--sp-5);grid-template-columns:1.3fr 1fr;align-items:start;display:grid}.panel-card{padding:var(--sp-5)}.panel-card-head{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.panel-card-head h2{font-size:var(--text-md)}.panel-card-head a{font-size:var(--text-xs);color:var(--accent);font-weight:700;text-decoration:none}.chart-wrap{margin-bottom:var(--sp-6)}.chart-wrap svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid-line{stroke:var(--border);stroke-width:1px}.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke:var(--accent-bright);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart-end{fill:var(--accent-bright);stroke:var(--bg-raised);stroke-width:2px}.chart-axis text,.chart-y-axis text{font-family:var(--font-mono);fill:var(--ink-muted);font-size:11px}.chart-y-axis line{stroke:var(--border);stroke-width:1px}.chart-line-alt{fill:none;stroke:var(--ink-muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 4}.chart-legend{font-size:var(--text-xs);color:var(--ink-secondary);gap:1.2rem;margin-top:.7rem;display:flex}.chart-legend span{align-items:center;gap:.45em;display:inline-flex}.chart-legend i{border-radius:var(--r-full);width:11px;height:3px;display:inline-block}.kpi-bar.danger span{background:var(--danger)}.chart-stats{gap:var(--sp-5);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.chart-stat{flex-direction:column;gap:.2rem;display:flex}.chart-stat-label{font-size:var(--text-xs);color:var(--ink-muted);align-items:center;gap:.4rem;display:flex}.chart-stat-label i{border-radius:var(--r-full);flex-shrink:0;width:10px;height:3px;display:inline-block}.chart-stat-value{font-size:var(--text-lg);font-variant-numeric:proportional-nums;font-weight:700}.chart-hover-wrap{position:relative}.chart-crosshair{stroke:var(--border-strong);stroke-width:1px;pointer-events:none}.chart-hover-dot{pointer-events:none;stroke:var(--bg-raised);stroke-width:2px}.chart-hit-area{fill:#0000;cursor:crosshair}.chart-tooltip{pointer-events:none;z-index:5;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-md);font-size:var(--text-xs);white-space:nowrap;padding:.5rem .65rem;position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 14px))}.chart-tooltip .tt-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:var(--text-2xs);margin-bottom:.3rem}.chart-tooltip .tt-row{align-items:center;gap:.45rem;display:flex}.chart-tooltip .tt-row+.tt-row{margin-top:.25rem}.chart-tooltip .tt-key{border-radius:999px;flex-shrink:0;width:10px;height:2px;display:inline-block}.chart-tooltip .tt-key.dashed{border-top:2px dashed var(--ink-muted);background:0 0;height:0}.chart-tooltip .tt-value{font-weight:700;font-family:var(--font-mono);color:var(--ink)}.chart-tooltip .tt-name{color:var(--ink-secondary)}.info-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:.7rem;padding:.55rem 0;display:flex}.info-row:last-child{border-bottom:none}.info-row .icon{color:var(--ink-muted);flex-shrink:0;margin-top:.1rem}.info-row .k{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:.15rem;font-weight:700;display:block}.info-row .v{font-size:var(--text-sm);color:var(--ink)}.proyecto-mini{background:var(--bg-inset);border-radius:var(--r-sm);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem .7rem;display:flex}.proyecto-mini .name{font-weight:600}.proyecto-mini .client{color:var(--ink-muted);font-size:var(--text-xs)}.mini-table{border-collapse:collapse;width:100%}.mini-table th{text-align:left;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);padding:0 .5rem .55rem;font-weight:700}.mini-table td{font-size:var(--text-sm);border-top:1px solid var(--border);vertical-align:middle;padding:.6rem .5rem}.mini-table tr:hover td{background:var(--bg-hover)}.mini-table .num-col{text-align:right}.bar-cat-head{margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;display:flex}.bar-cat-head .total{font-size:var(--text-lg);font-weight:700}.bar-cat-head .count{font-size:var(--text-xs);color:var(--ink-muted)}.bar-cat-list{flex-direction:column;gap:.7rem;display:flex}.bar-cat-row{border-radius:var(--r-sm);color:inherit;border:1px solid #0000;margin:0 -.5rem;padding:.4rem .5rem;text-decoration:none;display:block}a.bar-cat-row-link{cursor:pointer}a.bar-cat-row-link:hover{background:var(--bg-hover)}.bar-cat-row.active{background:var(--bg-inset);border-color:var(--accent-bright)}.bar-cat-top{justify-content:space-between;align-items:baseline;gap:.7rem;margin-bottom:.4rem;display:flex}.bar-cat-label{font-size:var(--text-sm);color:var(--ink);font-weight:600}.bar-cat-figures{white-space:nowrap;align-items:baseline;gap:.5rem;display:flex}.bar-cat-value{font-size:var(--text-xs);color:var(--ink);font-weight:600;font-family:var(--font-mono)}.bar-cat-pct{font-size:var(--text-2xs);color:var(--ink-muted);font-family:var(--font-mono);text-align:right;min-width:2.6em}.bar-cat-track{border-radius:var(--r-full);background:var(--bg-inset);height:8px;overflow:hidden}.bar-cat-fill{border-radius:var(--r-full);background:var(--accent-bright);height:100%}.alert-list{flex-direction:column;gap:.2rem;display:flex}.alert-row{border-radius:var(--r-sm);gap:.7rem;padding:.65rem .3rem;display:flex}.alert-row:hover{background:var(--bg-hover)}.alert-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.alert-icon.w{background:var(--warning-tint);color:var(--warning-ink)}.alert-icon.s{background:var(--success-tint);color:var(--success-tint-ink)}.alert-icon .icon{width:14px;height:14px}.alert-row p{font-size:var(--text-sm);line-height:1.4}.alert-row time{font-size:var(--text-2xs);color:var(--ink-muted);margin-top:.2rem;display:block}@media (max-width:1080px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}}@media (max-width:520px){.kpi-grid{grid-template-columns:1fr}}.project-tabs{margin-bottom:var(--sp-5);flex-wrap:wrap;gap:.5rem;display:flex}.project-tab{background:var(--bg-inset);border:1px solid var(--border);color:var(--ink-secondary);border-radius:var(--r-full);font-size:var(--text-sm);cursor:pointer;padding:.55em 1em;font-weight:600}.project-tab.active{background:var(--navy-900);border-color:var(--navy-900);color:#fff}.project-tab .client{opacity:.75;margin-left:.35em;font-weight:500}.board{gap:var(--sp-4);grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;align-items:start;padding-bottom:.5rem;display:grid;overflow-x:auto}.board-col-head{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;padding:0 .3rem;display:flex}.board-col-head h3{font-size:var(--text-sm);letter-spacing:.01em;align-items:center;gap:.5em;font-weight:700;display:flex}.board-col-head .dot{border-radius:50%;width:8px;height:8px}.col-todo .dot{background:var(--border-strong)}.col-compra .dot{background:var(--accent-bright)}.col-doing .dot{background:var(--warning-dot)}.col-done .dot{background:var(--success)}.board-col-head .count{background:var(--bg-inset);color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--text-2xs);border-radius:999px;padding:.15em .55em}.board-col{background:var(--bg-inset);border-radius:var(--r-lg);padding:var(--sp-3);gap:var(--sp-3);flex-direction:column;min-height:120px;display:flex}.trabajos{margin-bottom:var(--sp-5);flex-direction:column;gap:.4rem;display:flex}.trabajo{background:var(--bg-raised);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--r-sm);grid-template-columns:minmax(170px,1.1fr) minmax(110px,.6fr) minmax(300px,1.6fr) auto;align-items:center;gap:.9rem;padding:.55rem .8rem;display:grid}.trabajo.atrasado{border-left-color:var(--danger)}.trabajo-id{align-items:center;gap:.5rem;min-width:0;display:flex}.trabajo-id .folio{font-size:var(--text-xs);color:var(--accent);font-weight:700;text-decoration:none}.trabajo-id .folio:hover{text-decoration:underline}.trabajo-cliente{font-size:var(--text-sm);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:none;min-width:0;padding:0;font-weight:600;overflow:hidden}.trabajo-cliente:hover{text-decoration:underline}.trabajo.elegido{border-color:var(--accent-bright);background:var(--bg-inset)}.trabajo-progreso .sin-tarjetas{font-size:var(--text-xs);color:var(--ink-muted)}.filtro-activo{margin-bottom:var(--sp-4);background:var(--accent-tint);border-radius:var(--r-sm);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:.7rem;padding:.5rem .8rem;display:flex}.resumen-entregas{margin-bottom:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;display:grid}.resumen-tile{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.7rem .9rem;transition:border-color .12s,box-shadow .12s;display:flex}.resumen-tile:hover{border-color:var(--border-strong)}.resumen-tile .n{font-size:var(--text-xl);font-variant-numeric:proportional-nums;font-weight:700;line-height:1.1}.resumen-tile .l{font-size:var(--text-xs);color:var(--ink-muted);font-weight:600}.resumen-tile.peligro{background:var(--danger-tint);border-color:#0000}.resumen-tile.peligro .n,.resumen-tile.peligro .l{color:var(--danger-tint-ink)}.resumen-tile.exito{background:var(--success-tint);border-color:#0000}.resumen-tile.exito .n,.resumen-tile.exito .l{color:var(--success-tint-ink)}.resumen-tile.active{border-color:var(--accent-bright);box-shadow:0 0 0 1px var(--accent-bright)}.trabajo-progreso{align-items:center;gap:.5rem;display:flex}.trabajo-progreso .barra{background:var(--bg-inset);border-radius:999px;flex:1;height:5px;overflow:hidden}.trabajo-progreso .barra span{background:var(--success);border-radius:999px;height:100%;display:block}.trabajo-progreso .mono{font-size:var(--text-2xs);color:var(--ink-muted)}.trabajo-fecha{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.trabajo-fecha input{font-size:var(--text-xs);padding:.3em .5em}.trabajo-fecha .mono{font-size:var(--text-xs);color:var(--ink-muted)}.trabajo-acciones{justify-content:flex-end;gap:.35rem;display:flex}.ver-mas-trabajos{margin-bottom:var(--sp-5)}.trabajos-vacio{color:var(--ink-muted);font-size:var(--text-sm);padding:var(--sp-4) 0;margin-bottom:var(--sp-5)}.selector-fecha{cursor:pointer;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--ink);font-size:var(--text-xs);font-family:var(--font-ui);align-items:center;gap:.4rem;padding:.35em .6em;display:inline-flex}.selector-fecha:hover:not(:disabled){border-color:var(--accent-bright)}.selector-fecha:disabled{opacity:.55;cursor:default}.selector-fecha .icon{color:var(--ink-muted);flex:none}.selector-fecha.vacia span{color:var(--ink-muted)}.calendario{z-index:140;padding:var(--sp-4);background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-md);flex-direction:column;gap:.7rem;display:flex;position:fixed}.calendario-atajos{flex-wrap:wrap;gap:.3rem;display:flex}.calendario-atajos button{background:var(--bg-inset);border:1px solid var(--border);color:var(--ink-secondary);border-radius:var(--r-full);font-size:var(--text-2xs);cursor:pointer;font-weight:600;font-family:var(--font-ui);padding:.3em .6em}.calendario-atajos button:hover{border-color:var(--accent-bright);color:var(--ink)}.calendario-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.calendario-head>span{font-size:var(--text-sm);text-transform:capitalize;font-weight:600}.calendario-head button{cursor:pointer;color:var(--ink-muted);border-radius:var(--r-sm);background:0 0;border:none;place-items:center;padding:.25rem;display:grid}.calendario-head button:hover{background:var(--bg-inset);color:var(--ink)}.calendario-head .girado{transform:rotate(180deg)}.calendario-grilla{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendario-dow{text-align:center;font-size:var(--text-2xs);color:var(--ink-muted);padding-bottom:.25rem;font-weight:700}.calendario-dia{aspect-ratio:1;cursor:pointer;border-radius:var(--r-sm);color:var(--ink);font-size:var(--text-xs);font-family:var(--font-mono);background:0 0;border:none;place-items:center;display:grid}.calendario-dia:hover{background:var(--bg-inset)}.calendario-dia.pasada{color:var(--ink-muted);opacity:.55}.calendario-dia.hoy{box-shadow:inset 0 0 0 1px var(--border-strong);font-weight:700}.calendario-dia.sel{background:var(--accent);color:#fff;font-weight:700}.calendario-dia.sel:hover{background:var(--accent)}.calendario-pie{border-top:1px solid var(--border);align-items:center;gap:.4rem;padding-top:.7rem;display:flex}.calendario-pie input{min-width:0;font-size:var(--text-xs);flex:1;padding:.35em .5em}.calendario-error{font-size:var(--text-2xs);color:var(--danger-tint-ink);margin:0}@media (max-width:820px){.trabajo{grid-template-columns:1fr 1fr}.trabajo-acciones{grid-column:1/-1;justify-content:flex-start}}.tablero-error{background:var(--danger-tint);color:var(--danger-tint-ink);border-radius:var(--r-sm);margin-bottom:var(--sp-4);font-size:var(--text-sm);padding:.6rem .8rem}.kcard-top{justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.3rem;display:flex}.kcard-top .folio{font-size:var(--text-2xs);color:var(--accent);letter-spacing:.02em;font-weight:700}.kcard-sub{font-size:var(--text-2xs);color:var(--ink-muted);margin-top:.15rem}.board-vacia{text-align:center;color:var(--ink-muted);font-size:var(--text-sm);padding:.6rem 0}.comentarios{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.comentarios li{align-items:flex-start;gap:.55rem;display:flex}.comentarios .avatar{width:26px;height:26px;font-size:.6rem}.comentario-cuerpo{flex:1;min-width:0}.comentario-meta{font-size:var(--text-2xs);color:var(--ink-muted);align-items:center;gap:.5rem;display:flex}.comentario-meta b{color:var(--ink);font-weight:600}.comentario-cuerpo p{font-size:var(--text-sm);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:.15rem}.comentarios .vacia{color:var(--ink-muted);font-size:var(--text-sm)}.comentario-imagenes{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.4rem;margin-top:.45rem;display:grid}.comentario-imagen{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-inset);cursor:zoom-in;aspect-ratio:1;padding:0;overflow:hidden}.comentario-imagen:hover{border-color:var(--accent-bright)}.comentario-imagen img{object-fit:contain;width:100%;height:100%;display:block}.comentario-imagen-wrap{position:relative}.portada-toggle{z-index:1;cursor:pointer;color:#fff;opacity:0;background:#060b19a6;border:none;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;transition:opacity .12s,background .12s;display:grid;position:absolute;top:.25rem;right:.25rem}.comentario-imagen-wrap:hover .portada-toggle{opacity:1}.portada-toggle.activa{opacity:1;background:var(--accent-bright)}.portada-toggle:hover{background:var(--accent-bright)}.adjunto-badge{z-index:1;letter-spacing:.04em;border-radius:var(--r-sm);color:#fff;pointer-events:none;white-space:nowrap;background:#060b19c7;padding:.12rem .3rem;font-size:9px;font-weight:700;position:absolute;bottom:.25rem;left:.25rem}.comentario-nuevo{flex-direction:column;gap:.45rem;margin-top:.6rem;display:flex}.comentario-nuevo textarea{width:100%}.comentario-acciones{align-items:center;gap:.4rem;display:flex}.comentario-acciones .btn-secondary{margin-left:auto}.comentario-error{color:var(--danger-tint-ink);font-size:var(--text-sm);margin-top:.5rem}.adjuntos{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.adjuntos li{font-size:var(--text-xs);color:var(--ink-muted);background:var(--bg-inset);border-radius:var(--r-sm);align-items:center;gap:.4rem;padding:.25rem .4rem;display:flex}.adjunto-nombre{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.comprobante-thumb{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-inset);cursor:zoom-in;vertical-align:middle;width:36px;height:36px;padding:0;display:inline-block;position:relative;overflow:hidden}.comprobante-thumb:hover{border-color:var(--accent-bright)}.comprobante-thumb img{object-fit:contain;width:100%;height:100%;display:block}.comprobante-badge{z-index:1;letter-spacing:.02em;color:#fff;pointer-events:none;background:#060b19c7;border-top-left-radius:3px;padding:1px 2px .5px;font-size:6px;font-weight:700;line-height:1;position:absolute;bottom:0;right:0}.lightbox{z-index:120;padding:var(--sp-5);cursor:zoom-out;background:#060b19e0;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:var(--r-md);cursor:default;background:var(--bg-inset);max-width:100%;max-height:calc(100vh - 6rem)}.lightbox-barra{cursor:default;font-size:var(--text-xs);color:var(--ink-muted);align-items:center;gap:.6rem;max-width:100%;display:flex}.lightbox-barra>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lightbox-pdf{border-radius:var(--r-md);cursor:default;background:#fff;border:none;width:min(1000px,100%);height:calc(100vh - 6rem)}.board-col{transition:background .12s,box-shadow .12s}.board-col.drop-activa{background:var(--accent-tint);box-shadow:inset 0 0 0 2px var(--accent-bright)}.kcard{cursor:grab}.kcard:active{cursor:grabbing}.kcard.arrastrando{opacity:.4}@media (prefers-reduced-motion:reduce){.board-col{transition:none}}.kcard{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3);cursor:pointer;box-shadow:var(--shadow-sm);text-align:left;flex-direction:column;gap:.6rem;width:100%;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden}.kcard:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.kcard-portada{width:calc(100% + 2 * var(--sp-3));margin:calc(var(--sp-3) * -1) calc(var(--sp-3) * -1) 0;aspect-ratio:16/9;object-fit:cover;background:var(--bg-inset);display:block}.kcard-title{font-size:var(--text-sm);font-weight:600;line-height:1.35}.kcard-client{font-size:var(--text-xs);color:var(--ink-muted);margin-top:-.3rem}.kcard-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.kcard-who{align-items:center;gap:.45rem;min-width:0;display:flex}.kcard-who .avatar{width:22px;height:22px;font-size:var(--text-2xs)}.kcard-who span{font-size:var(--text-2xs);color:var(--ink-secondary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.kcard-stats{flex-shrink:0;gap:.6rem;display:flex}.kcard-stats span{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-muted);align-items:center;gap:.25em;display:inline-flex}.kcard-stats .icon{width:12px;height:12px}.kcard-entrega{border-radius:var(--r-sm);background:var(--bg-inset);color:var(--ink);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:.4rem;min-width:0;padding:.4rem .55rem;font-weight:700;line-height:1.2;display:flex}.kcard-entrega .icon{flex-shrink:0;width:14px;height:14px}.kcard-entrega-fecha{align-items:baseline;gap:.3rem;min-width:0;display:flex}.kcard-entrega-hora{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.9;font-weight:700}.kcard-entrega-hora:before{content:"·";margin-right:.3rem}.kcard-entrega-rel{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.03em;margin-left:auto;font-weight:700}.kcard-entrega-rel .rel-corto{display:none}.kcard{container-type:inline-size}@container (max-width:290px){.kcard-entrega.con-hora .rel-largo{display:none}.kcard-entrega.con-hora .rel-corto{display:inline}}@container (max-width:190px){.kcard-entrega .rel-largo{display:none}.kcard-entrega .rel-corto{display:inline}}.kcard-entrega.aviso{background:var(--warning-tint);color:var(--warning-ink)}.kcard-entrega.peligro{background:var(--danger-tint);color:var(--danger-tint-ink);box-shadow:inset 0 0 0 1.5px var(--danger)}.kcard-entrega.hecha{font-size:var(--text-xs);color:var(--ink-muted);font-weight:600}.kcard-entrega.sin{font-size:var(--text-xs);color:var(--ink-muted);background:0 0;padding:.1rem 0;font-weight:500}.hora-entrega{align-items:center;gap:.2rem;display:inline-flex}.hora-entrega input{text-align:center;width:4.8rem;font-family:var(--font-mono);font-size:var(--text-xs);padding:.3em .5em}.kcard-add{border:1.5px dashed var(--border-strong);border-radius:var(--r-md);color:var(--ink-muted);font-size:var(--text-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.4rem;padding:.75rem;font-weight:600;display:flex}.kcard-add:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:900px){.board{scroll-snap-type:x mandatory;grid-template-columns:82vw;grid-auto-flow:column;padding-bottom:.5rem;overflow-x:auto}.board-col{scroll-snap-align:start}}.overlay{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:60;background:#060a1399;display:none;position:fixed;inset:0}.overlay.open{animation:.18s both fadeIn;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slideover{background:var(--bg-raised);z-index:61;width:min(460px,92vw);box-shadow:var(--shadow-lg);flex-direction:column;transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.slideover.open{transform:translate(0)}.slideover-head{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-5);border-bottom:1px solid var(--border);display:flex}.slideover-head h2{font-size:var(--text-md);line-height:1.35}.slideover-head .close{color:var(--ink-muted);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:.35rem}.slideover-head .close:hover{background:var(--bg-hover);color:var(--ink)}.slideover-body{padding:var(--sp-5);gap:var(--sp-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.stepper{align-items:center;display:flex}.stepper .step{font-size:var(--text-xs);color:var(--ink-muted);align-items:center;gap:.5rem;font-weight:700;display:flex}.stepper .step.on{color:var(--ink)}.stepper .step .b{background:var(--border-strong);border-radius:50%;width:9px;height:9px}.stepper .step.on .b{background:var(--accent-bright)}.stepper .bar{background:var(--border);flex:1;height:2px;margin:0 .5rem}.detail-block label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-muted);margin-bottom:.5rem;font-weight:700;display:block}.detail-row{align-items:center;gap:.7rem;display:flex}.detail-row .avatar{width:34px;height:34px}.detail-row .name{font-size:var(--text-sm);font-weight:600}.detail-row .role{font-size:var(--text-xs);color:var(--ink-muted)}.time-row{align-items:baseline;gap:.5rem;display:flex}.time-row .val{font-family:var(--font-mono);font-size:var(--text-metric-md);font-weight:700}.photo-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.photo-tile{aspect-ratio:1;border-radius:var(--r-sm);color:#ffffffd9;justify-content:center;align-items:center;display:flex}.desc-text{font-size:var(--text-sm);color:var(--ink-secondary);line-height:1.6}.slideover-foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);gap:.6rem;display:flex}.toolbar{margin-bottom:var(--sp-5);flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.toolbar-search{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--r-full);min-width:200px;max-width:340px;color:var(--ink-muted);flex:1;align-items:center;gap:.55rem;padding:.5em 1em;display:flex}.toolbar-search input{font-size:var(--text-sm);color:var(--ink);width:100%;font-family:var(--font-ui);background:0 0;border:none;outline:none}.filter-chip{background:var(--bg-inset);border:1px solid var(--border);color:var(--ink-secondary);border-radius:var(--r-full);font-size:var(--text-xs);cursor:pointer;padding:.45em .9em;font-weight:600}.filter-chip.active{background:var(--navy-900);border-color:var(--navy-900);color:#fff}.item-edit{grid-template-columns:minmax(150px,1.6fr) repeat(4,minmax(80px,1fr));align-items:end;gap:.75rem;display:grid}.item-edit-field{flex-direction:column;gap:.25rem;min-width:0;display:flex}.item-edit-field span{font-size:var(--text-2xs);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.item-edit-field input{width:100%}.item-edit-actions{grid-column:1/-1;justify-content:flex-end;gap:.4rem;display:flex}@media (max-width:820px){.item-edit{grid-template-columns:repeat(2,minmax(0,1fr))}.item-edit-id,.item-edit-comment{grid-column:1/-1}}.toolbar-selects{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.toolbar-selects label{font-size:var(--text-xs);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.toolbar-selects select{width:auto;min-width:11rem;font-size:var(--text-xs);padding:.4em .7em}.pagination{margin-top:var(--sp-4);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.pagination-info{font-size:var(--text-sm);color:var(--ink-muted)}.pagination-links{gap:.5rem;display:flex}.data-table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table thead th{text-align:left;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);background:var(--bg-inset);border-bottom:1px solid var(--border);white-space:nowrap;padding:.85rem 1rem;font-weight:700}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover td{background:var(--bg-hover)}.data-table td{font-size:var(--text-sm);border-bottom:1px solid var(--border);vertical-align:middle;padding:.85rem 1rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table .num-col{text-align:right}.data-table .folio{font-weight:700}.kpi-grid-3{grid-template-columns:repeat(3,1fr)}.toolbar-sep{background:var(--border);align-self:stretch;width:1px;margin:0 .2rem}.toolbar-search input::-webkit-search-cancel-button{appearance:none}.search-clear{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:0;display:flex}.search-clear:hover{color:var(--ink)}.toolbar-count{font-size:var(--text-xs);color:var(--ink-muted);white-space:nowrap;margin-left:auto}.pago-pct{font-size:var(--text-2xs);color:var(--ink-muted);margin-right:.5rem}.pago-chevron{vertical-align:middle;transition:transform .15s}.pago-chevron.abierta{transform:rotate(180deg)}.pago-detalle-fila td{background:var(--bg-inset);padding:var(--sp-5) 1rem;cursor:default}.pago-detalle-fila:hover td{background:var(--bg-inset)}.pago-detalle{gap:var(--sp-5);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (max-width:900px){.pago-detalle{grid-template-columns:1fr}}.pago-detalle-titulo{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin:0 0 .7rem;font-weight:700}.pagos-lista{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.pagos-lista li{align-items:flex-start;gap:.6rem;display:flex}.pago-orden{background:var(--bg-raised);border:1px solid var(--border);width:20px;height:20px;font-size:var(--text-2xs);color:var(--ink-muted);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.pago-cuerpo{flex:1;min-width:0}.pago-linea{font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pago-linea>span{color:var(--ink-muted);font-size:var(--text-xs)}.pago-meta{font-size:var(--text-2xs);color:var(--ink-muted);margin-top:.15rem}.pago-atajos{margin-bottom:var(--sp-4);flex-wrap:wrap;gap:.4rem;display:flex}.pago-campos{grid-template-columns:1fr 1fr;gap:0 .7rem;display:grid}.modal-scrim{z-index:130;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);padding:var(--sp-5);background:#060a1399;justify-content:center;align-items:center;animation:.15s both fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:min(440px,100%);max-height:calc(100vh - 2 * var(--sp-5));padding:var(--sp-5);overflow-y:auto}.modal-titulo{font-size:var(--text-md);margin-bottom:.4rem}.modal-aviso{font-size:var(--text-sm);color:var(--ink-muted);margin-bottom:var(--sp-4);line-height:1.5}.modal-check{font-size:var(--text-sm);color:var(--ink-secondary);cursor:pointer;align-items:center;gap:.55rem;font-weight:500;display:flex}.modal-error{color:var(--danger-tint-ink);font-size:var(--text-sm);margin-top:var(--sp-4)}.modal-acciones{margin-top:var(--sp-5);justify-content:flex-end;gap:.6rem;display:flex}@media (max-width:600px){.pago-campos{grid-template-columns:1fr}}.grupo-cliente{margin-bottom:var(--sp-6)}.grupo-cliente-head{justify-content:space-between;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.grupo-cliente-head h2{font-size:var(--text-md)}.grupo-cliente-cifras{font-size:var(--text-xs);color:var(--ink-muted);gap:1.1rem;display:flex}.grupo-cliente-cifras b{color:var(--ink-secondary);margin-left:.3rem}.grupo-cliente-cifras .saldo b{color:var(--danger-tint-ink)}.data-table td.who{white-space:nowrap}.data-table .who .avatar{vertical-align:middle;margin-right:.5rem}.data-table .who span{font-size:var(--text-xs);color:var(--ink-secondary);vertical-align:middle;font-weight:600}.data-table td.folio,.data-table td.mono{white-space:nowrap}.data-table td.acciones{white-space:nowrap;width:1%}.cot-detail-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-5);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.back-link{font-size:var(--text-sm);color:var(--ink-secondary);cursor:pointer;margin-bottom:var(--sp-4);background:0 0;border:none;align-items:center;gap:.4em;padding:0;font-weight:700;display:inline-flex}.back-link:hover{color:var(--ink)}.back-link .icon{width:15px;height:15px}.cot-title-row{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.cot-title-row h1{font-size:var(--text-xl)}.cot-client{color:var(--ink-secondary);font-size:var(--text-sm);margin-top:.3rem}.cot-actions{flex-wrap:wrap;gap:.55rem;display:flex}.cot-aviso-edicion{font-size:var(--text-sm);color:var(--warning-ink);background:var(--warning-tint);border-radius:var(--r-md);margin-bottom:var(--sp-4);align-items:flex-start;gap:.5rem;padding:.7em 1em;line-height:1.5;display:flex}.cot-aviso-edicion .icon{flex-shrink:0;margin-top:.15em}.cot-grid{gap:var(--sp-5);grid-template-columns:1fr 300px;align-items:start;display:grid}.line-items{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.li-table{border-collapse:collapse;width:100%;min-width:640px}.li-table thead th{text-align:left;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);background:var(--bg-inset);border-bottom:1px solid var(--border);white-space:nowrap;padding:.8rem .9rem;font-weight:700}.li-table td{font-size:var(--text-sm);border-bottom:1px solid var(--border);padding:.8rem .9rem}.li-table .num-col{text-align:right}.li-table .prod{font-weight:600}.li-table .variant{color:var(--ink-muted);font-size:var(--text-xs)}.li-table .num-col{white-space:nowrap;width:1%}.li-add-row{padding:.75rem .9rem}.li-add-row button{border:1.5px dashed var(--border-strong);color:var(--ink-muted);border-radius:var(--r-sm);font-size:var(--text-sm);cursor:pointer;background:0 0;align-items:center;gap:.4rem;padding:.55rem .9rem;font-weight:600;display:inline-flex}.li-add-row button:hover{border-color:var(--accent);color:var(--accent)}.totals{padding:var(--sp-5)}.totals-row{font-size:var(--text-sm);color:var(--ink-secondary);justify-content:space-between;padding:.5rem 0;display:flex}.totals-row.grand{border-top:1px solid var(--border);font-size:var(--text-md);color:var(--ink);margin-top:.4rem;padding-top:.9rem;font-weight:700}.totals-row .val{font-family:var(--font-mono)}.notes-card{margin-top:var(--sp-4);padding:var(--sp-5)}.notes-card textarea{border:1px solid var(--border-strong);border-radius:var(--r-sm);width:100%;min-height:80px;font-family:var(--font-ui);font-size:var(--text-sm);background:var(--bg);color:var(--ink);resize:vertical;padding:.6rem}@media (max-width:900px){.cot-grid{grid-template-columns:1fr}}.toast-wrap{bottom:var(--sp-6);z-index:80;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--navy-900);color:#fff;border-radius:var(--r-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);align-items:center;gap:.55em;padding:.75em 1.1em;font-weight:600;animation:.22s both toastIn;display:flex}.toast.leaving{animation:.22s forwards toastOut}.toast .icon{color:var(--accent-bright);flex-shrink:0;width:16px;height:16px}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(8px)}}.placeholder{text-align:center;padding:var(--sp-10) var(--sp-5);max-width:420px;margin:0 auto}.placeholder .icon-wrap{border-radius:var(--r-md);background:var(--bg-inset);width:56px;height:56px;color:var(--ink-muted);margin:0 auto var(--sp-5);justify-content:center;align-items:center;display:flex}.placeholder h2{font-size:var(--text-lg);margin-bottom:.6rem}.placeholder p{color:var(--ink-secondary);font-size:var(--text-sm);line-height:1.6}@media (max-width:920px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-left:0}.topbar-menu-btn{display:inline-flex}.topbar-title{display:none}.sidebar-scrim{z-index:39;background:#0b111e80;display:none;position:fixed;inset:0}.sidebar-scrim.open{display:block}}