*,:after,:before{box-sizing:border-box;margin:0;padding:0}img,svg{display:block;max-width:100%}button,input,textarea{font:inherit;color:inherit}ul{list-style:none}a{color:inherit}:root{--bg:#f4f6f8;--surface:#fff;--surface-2:#eef1f4;--surface-3:#e3e8ec;--border:#dbe1e7;--border-strong:#c3ccd4;--text-primary:#16212b;--text-secondary:#51606e;--text-muted:#8695a3;--accent:#1c8479;--accent-strong:#146b62;--accent-soft:#e1f2ef;--accent-contrast:#fff;--good:#1e9e52;--good-soft:#e4f6ea;--warn:#ad7209;--warn-soft:#fbf0d9;--crit:#d02a31;--crit-soft:#fbe7e7;--info:#2f6fe0;--info-soft:#e7eefc;--shadow-sm:0 1px 2px rgba(20,30,40,.07);--shadow-md:0 8px 24px rgba(20,30,40,.1);--focus:#1c8479;--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"Cascadia Mono","Segoe UI Mono",Consolas,"SFMono-Regular",Menlo,monospace}@media (prefers-color-scheme:dark){:root{--bg:#0c1116;--surface:#131a21;--surface-2:#19212a;--surface-3:#212b35;--border:#26313c;--border-strong:#37444f;--text-primary:#e8edf1;--text-secondary:#8fa0af;--text-muted:#5e6d7b;--accent:#4fbfb3;--accent-strong:#6ecfc4;--accent-soft:rgba(79,191,179,.13);--accent-contrast:#04211d;--good:#3fc172;--good-soft:rgba(63,193,114,.13);--warn:#e3a83a;--warn-soft:rgba(227,168,58,.13);--crit:#f0555c;--crit-soft:rgba(240,85,92,.13);--info:#5b93ff;--info-soft:rgba(91,147,255,.13);--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-md:0 12px 32px rgba(0,0,0,.45);--focus:#4fbfb3}}body,html{background:var(--bg);color:var(--text-primary)}body{font-family:var(--font-ui);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;min-height:100vh}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}h1,h2,h3{text-wrap:balance;font-weight:600;letter-spacing:-.01em}button{cursor:pointer;background:none;border:none}button:disabled{cursor:not-allowed}[tabindex]:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text]{background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;padding:.5rem .65rem;color:var(--text-primary);font-size:.8125rem;width:100%}textarea{width:100%;min-height:80px;background:var(--surface);border:1px solid var(--border-strong);border-radius:7px;padding:.55rem .65rem;font-size:.8125rem;color:var(--text-primary);font-family:var(--font-ui);resize:vertical}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-lg{width:20px;height:20px}.app-shell{display:flex;min-height:100vh}.a-sidebar{width:224px;flex:none;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem .75rem;gap:1.25rem}.brand{gap:.55rem;padding:0 .35rem}.brand,.brand .mark{display:flex;align-items:center}.brand .mark{width:26px;height:26px;border-radius:6px;background:var(--accent);color:var(--accent-contrast);justify-content:center;flex:none}.brand .mark .icon{width:15px;height:15px}.brand-name{font-weight:700;font-size:.95rem;letter-spacing:-.01em}.brand-sub,.nav-group-label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.nav-group-label{padding:0 .5rem;margin-bottom:.35rem}.navlist{display:flex;flex-direction:column;gap:2px}.navitem{display:flex;align-items:center;gap:.55rem;padding:.5rem .55rem;border-radius:6px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);width:100%;text-align:left;position:relative}.navitem .icon{color:var(--text-muted)}.navitem:hover{background:var(--surface-2);color:var(--text-primary)}.navitem.active{background:var(--accent-soft)}.navitem.active,.navitem.active .icon{color:var(--accent-strong)}.navitem.disabled{opacity:.5;cursor:default}.navitem .count{margin-left:auto;background:var(--warn-soft);color:var(--warn);font-size:.6875rem;font-weight:700;padding:.05rem .4rem;border-radius:999px}.navitem .soon{margin-left:auto;font-size:.5625rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border:1px solid var(--border-strong);padding:.1rem .35rem;border-radius:4px}.a-foot{margin-top:auto;border-top:1px solid var(--border);padding-top:.75rem;gap:.55rem}.a-foot,.avatar{display:flex;align-items:center}.avatar{width:28px;height:28px;border-radius:6px;background:var(--surface-3);justify-content:center;font-size:.6875rem;font-weight:700;color:var(--text-secondary);flex:none}.a-foot .who{font-size:.75rem;font-weight:600}.a-foot .role{font-size:.6875rem}.a-foot .role,.signout{color:var(--text-muted)}.signout{margin-left:auto}.signout:hover{color:var(--crit)}.a-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.a-topbar{display:flex;align-items:center;gap:1rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface)}.crumb{font-size:.8125rem;color:var(--text-muted)}.crumb b{color:var(--text-primary);font-weight:600}.a-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow:auto}.spacer{flex:1 1}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-title{font-size:1.375rem;font-weight:700}.page-desc{color:var(--text-secondary);margin-top:.15rem}.btn,.page-desc{font-size:.8125rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:7px;font-weight:600;border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn:disabled{opacity:.45}.btn-danger{background:var(--crit-soft);color:var(--crit)}.btn-danger:hover:not(:disabled){filter:brightness(.95)}.btn-sm{padding:.32rem .6rem;font-size:.75rem;border-radius:6px}.btn-block{width:100%;justify-content:center}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px}.kpi{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.6rem}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.kpi-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex:none}.kpi-value{font-size:1.9rem;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-sub{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem}.progress{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.progress>span{display:block;height:100%;border-radius:999px}.chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.6875rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.chip .icon{width:11px;height:11px;stroke-width:2.4}.chip-good{background:var(--good-soft);color:var(--good)}.chip-warn{background:var(--warn-soft);color:var(--warn)}.chip-crit{background:var(--crit-soft);color:var(--crit)}.chip-info{background:var(--info-soft);color:var(--info)}.chip-neutral{background:var(--surface-3);color:var(--text-secondary)}.section-row{display:grid;grid-template-columns:1.7fr 1fr;grid-gap:1rem;gap:1rem;align-items:start}.card-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-bottom:1px solid var(--border)}.card-title{font-size:.875rem;font-weight:700}.card-title-sub{font-size:.75rem;color:var(--text-muted);font-weight:400;margin-top:.1rem}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;padding:.6rem 1.1rem;background:var(--surface-2)}tbody td,thead th{border-bottom:1px solid var(--border)}tbody td{padding:.7rem 1.1rem;font-size:.8125rem;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.subname{font-weight:600}.subrow-avatar{width:24px;height:24px;border-radius:6px;background:var(--accent-soft);color:var(--accent-strong);font-size:.625rem;font-weight:700;justify-content:center;flex:none}.cell-flex,.subrow-avatar{display:flex;align-items:center}.cell-flex{gap:.55rem}.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.empty-state{padding:2rem 1.1rem;text-align:center;color:var(--text-muted);font-size:.8125rem}.feed{display:flex;flex-direction:column}.feed-item{display:flex;gap:.65rem;padding:.75rem 1.1rem;border-bottom:1px solid var(--border)}.feed-item:last-child{border-bottom:none}.feed-dot{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex:none}.feed-text{font-size:.8125rem;line-height:1.4}.feed-text b{font-weight:600}.feed-time{font-size:.6875rem;color:var(--text-muted);margin-top:.15rem}.banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.1rem;border-radius:9px;border:1px solid var(--border-strong);background:var(--surface-2)}.banner.warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.banner .icon{flex:none}.banner-text{font-size:.8125rem;color:var(--text-primary);flex:1 1}.banner-actions{display:flex;gap:.5rem}.filter-bar{gap:.6rem;flex-wrap:wrap}.diff-line,.filter-bar{display:flex;align-items:center}.diff-line{font-family:var(--font-mono);font-size:.75rem;gap:.3rem;white-space:nowrap}.diff-before{color:var(--crit);text-decoration:line-through;-webkit-text-decoration-color:var(--crit);text-decoration-color:var(--crit);opacity:.8}.diff-after{color:var(--good);font-weight:600}.justif{font-size:.75rem;color:var(--text-secondary);max-width:230px;line-height:1.4}.risk-low{color:var(--good)}.risk-medium{color:var(--warn)}.risk-high{color:var(--crit)}.rowcheck{width:16px;height:16px;accent-color:var(--accent)}tr.resolved{opacity:.45}.actions{display:flex;gap:.35rem}.act-btn{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-strong)}.act-btn:disabled{opacity:.4}.act-approve{color:var(--good)}.act-approve:hover:not(:disabled){background:var(--good-soft);border-color:transparent}.act-reject{color:var(--crit)}.act-reject:hover:not(:disabled){background:var(--crit-soft);border-color:transparent}.who-cell{display:flex;align-items:center;gap:.5rem}.actid{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem}.sub-page{display:flex;justify-content:center;padding:1.25rem 1rem 2rem;background:var(--bg);min-height:100vh}.sub-frame{width:100%;max-width:640px}.sub-frame,.sub-header{display:flex;flex-direction:column}.sub-header{padding:.9rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px 12px 0 0;gap:.6rem}.sub-header-top{justify-content:space-between}.sub-header-top,.sub-id{display:flex;align-items:center}.sub-id{gap:.5rem}.sub-company{font-size:.875rem;font-weight:700}.sub-project{font-size:.6875rem;color:var(--text-muted)}.deadline-banner{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:8px;background:var(--warn-soft);color:var(--warn);font-size:.75rem;font-weight:600}.deadline-banner.good{background:var(--good-soft);color:var(--good)}.deadline-banner .icon{flex:none}.deadline-banner .d{margin-left:auto;font-family:var(--font-mono);font-weight:700}.sub-body{background:var(--surface-2);border:1px solid var(--border);border-top:none;padding:.9rem;display:flex;flex-direction:column;gap:.75rem;flex:1 1}.actcard{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.actcard-head{padding:.75rem .9rem;display:flex;flex-direction:column;gap:.3rem;border-bottom:1px solid var(--border)}.actcard-head-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.actcard-id{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted)}.actcard-name{font-size:.875rem;font-weight:700}.actcard-meta{font-size:.6875rem;color:var(--text-muted)}.field-group{padding:.75rem .9rem;display:flex;flex-direction:column;gap:.6rem}.field-group-label{display:flex;align-items:center;gap:.4rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.field-group-label.editable{color:var(--good)}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem}.field{display:flex;flex-direction:column;gap:.3rem}.field label{font-size:.6875rem;color:var(--text-secondary);font-weight:600}.field-editable input{border-color:var(--good);background:var(--good-soft)}.lock-field{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--surface);border:1px dashed var(--border-strong);border-radius:7px;padding:.55rem .7rem;font-size:.75rem;color:var(--text-secondary);text-align:left;width:100%}.lock-field:hover{border-color:var(--warn)}.lock-field .lv{font-family:var(--font-mono);color:var(--text-primary);font-size:.75rem}.lock-field .icon{color:var(--warn)}.pct-row{display:flex;align-items:center;gap:.7rem}.pct-row input[type=range]{flex:1 1;accent-color:var(--good)}.pct-value{font-family:var(--font-mono);font-weight:700;font-size:.9375rem;width:3.2rem;text-align:right}.pending-tag{gap:.4rem;background:var(--warn-soft);color:var(--warn);font-size:.6875rem;font-weight:700;padding:.35rem .6rem;border-radius:7px;margin:0 .9rem .75rem}.pending-tag,.sub-footer{display:flex;align-items:center}.sub-footer{position:-webkit-sticky;position:sticky;bottom:0;background:var(--surface);border:1px solid var(--border);border-radius:0 0 12px 12px;padding:.85rem .9rem;gap:.8rem}.sub-footer .progress{flex:1 1}.sub-footer-label{font-size:.6875rem;color:var(--text-muted);white-space:nowrap}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:1.5rem}.login-card{width:100%;max-width:360px;padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.login-brand{display:flex;align-items:center;gap:.6rem}.login-brand .mark{width:32px;height:32px;border-radius:8px;background:var(--accent);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;flex:none}.login-title{font-size:1.05rem;font-weight:700}.login-sub{font-size:.75rem;color:var(--text-muted)}.login-error{background:var(--crit-soft);color:var(--crit);border-radius:7px;padding:.6rem .75rem;font-size:.8125rem}.modal-overlay{position:fixed;inset:0;background:rgba(10,14,18,.55);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);width:100%;max-width:440px;display:flex;flex-direction:column}.modal-head{padding:1rem 1.1rem;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:.7rem}.modal-head .icon{color:var(--warn);flex:none;margin-top:.1rem}.modal-title{font-size:.9375rem;font-weight:700}.modal-desc{font-size:.75rem;color:var(--text-secondary);margin-top:.2rem}.modal-body{padding:1rem 1.1rem;gap:.85rem}.modal-body,.modal-diff{display:flex;flex-direction:column}.modal-diff{background:var(--surface-2);border-radius:8px;padding:.7rem .8rem;gap:.35rem}.modal-diff .lbl{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700}.modal-foot{padding:.85rem 1.1rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.55rem}.toast{position:fixed;bottom:1.25rem;left:50%;transform:translateX(-50%) translateY(0);background:var(--text-primary);color:var(--bg);padding:.65rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:600;box-shadow:var(--shadow-md);z-index:60;display:flex;align-items:center;gap:.5rem;max-width:90vw}.toast .icon{color:var(--good);flex:none}@media (max-width:900px){.kpi-row{grid-template-columns:repeat(2,1fr)}.section-row{grid-template-columns:1fr}.a-sidebar{width:76px}.a-foot .role,.a-foot .who,.a-sidebar .brand-name,.a-sidebar .brand-sub,.navitem span:not(.count):not(.soon){display:none}.navitem{justify-content:center}.navitem .count,.navitem .soon{margin-left:0;position:absolute;top:2px;right:2px}.field-row{grid-template-columns:1fr}}