:root{--bg: #f1f5f9;--panel: #ffffff;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--primary: #2563eb;--danger: #dc2626}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.center{display:grid;place-items:center;min-height:100vh;padding:1rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;box-shadow:0 1px 2px #0000000a}button{background:var(--primary);color:#fff;border:0;border-radius:8px;padding:.5rem .9rem;cursor:pointer}button:disabled{opacity:.5;cursor:default}select,input{padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px}.login{display:flex;flex-direction:column;gap:.9rem;width:320px;max-width:100%}.login h1{font-size:1.15rem;margin:0 0 .5rem}.login label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--muted)}.error{color:var(--danger);font-size:.85rem;margin:0}.topbar{display:flex;align-items:center;gap:1rem;background:var(--panel);border-bottom:1px solid var(--border);padding:.6rem 1.25rem;flex-wrap:wrap}.brand{font-weight:800;color:var(--primary);letter-spacing:.5px}.topbar nav{display:flex;gap:.75rem;flex-wrap:wrap}.topbar nav a{text-decoration:none;color:var(--muted);padding:.3rem .5rem;border-radius:6px}.topbar nav a.active{color:var(--primary);background:#eff6ff}.spacer{flex:1}.user{font-size:.85rem;color:var(--muted)}main{padding:1.25rem}.page{display:flex;flex-direction:column;gap:1rem}.muted{color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.kpi{text-align:center}.kpi-value{font-size:1.8rem;font-weight:700}.kpi-label{color:var(--muted);font-size:.8rem}.kpi.warn .kpi-value{color:var(--danger)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1rem}.chart-card{min-width:0}.chart-card h3{margin:0 0 .75rem;font-size:.95rem}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1.5;white-space:nowrap;border:1px solid transparent}.rc-a{background:#dcfce7;color:#15803d;border-color:#86efac}.rc-b{background:#ecfccb;color:#4d7c0f;border-color:#bef264}.rc-c{background:#fef3c7;color:#b45309;border-color:#fcd34d}.rc-d{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.rc-inf{background:#cffafe;color:#0e7490;border-color:#67e8f9}.rc-other{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.st-open{background:#ffedd5;color:#c2410c;border-color:#fdba74}.st-closed{background:#dcfce7;color:#15803d;border-color:#86efac}.rev-design{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}.rev-ifc{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.cat-approval{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.cat-info{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.yes{background:#fef3c7;color:#b45309;border-color:#fcd34d}.no{background:#f1f5f9;color:#64748b;border-color:#cbd5e1}.doc-list{padding:.5rem 0}.doc-list table{width:100%;border-collapse:collapse;font-size:.8rem}.doc-list th,.doc-list td{text-align:left;padding:.3rem .5rem;border-bottom:1px solid var(--border)}.doc-list th{color:var(--muted);font-weight:600}.badge-cell{display:flex;gap:.3rem;align-items:center}.rev-item{display:inline-flex;gap:.25rem;align-items:center}td.err{color:var(--danger);font-weight:700}.doc-search{min-width:260px}button.linklike{background:none;border:0;color:var(--primary);padding:0;cursor:pointer;font:inherit;text-decoration:underline}button.linklike:hover{color:#1e40af}.lc-legend{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:.4rem;font-size:.78rem;color:var(--muted)}.lc-key{display:inline-flex;align-items:center;gap:.3rem}.lc-key i{width:12px;height:12px;border-radius:3px;display:inline-block}.lc-key i.dash{width:18px;height:3px;border-radius:0}.lc-tip{padding:.5rem .7rem;font-size:.8rem;box-shadow:0 4px 14px #00000026}.lc-tip>div{color:var(--muted)}.vp-early{color:#15803d;font-weight:600}.vp-late{color:#b91c1c;font-weight:600}.add-member{display:flex;gap:.5rem;align-items:center;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--border)}td.actions{display:flex;gap:.3rem;white-space:nowrap}.bell-wrap{position:relative;display:inline-flex}.bell{background:transparent;border:0;font-size:1.1rem;cursor:pointer;padding:.2rem .35rem;position:relative}.bell-badge{position:absolute;top:-2px;right:-4px;background:var(--danger);color:#fff;font-size:.6rem;font-weight:700;line-height:1;padding:.12rem .28rem;border-radius:999px}.bell-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.bell-panel{position:absolute;right:0;top:calc(100% + 6px);width:360px;max-height:440px;overflow:auto;padding:0;z-index:41}.bell-head{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel)}.bell-empty{padding:1rem .8rem}.bell-item{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--border);padding:.55rem .8rem;cursor:pointer;border-radius:0}.bell-item:hover{background:#f8fafc}.bell-item.unread{background:#eff6ff}.bell-item.unread .bell-title{font-weight:700}.bell-title{font-size:.85rem}.bell-body{font-size:.78rem;color:var(--muted);margin-top:.1rem}.bell-time{font-size:.7rem;color:var(--muted);margin-top:.2rem}.progress-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem}.progress-track{height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:#16a34a;border-radius:999px;transition:width .3s}.doc-lines{border-top:1px solid var(--border);padding-top:.8rem;display:flex;flex-direction:column;gap:.5rem}.doc-lines-head{display:flex;flex-direction:column;gap:.1rem}.doc-lines-head .muted{font-size:.72rem}.doc-line{display:grid;grid-template-columns:1fr 70px auto auto;gap:.4rem;align-items:center}.doc-line .dl-num,.doc-line .dl-ver{font-size:.85rem}.dl-state{min-width:110px}.dl-rm{padding:.25rem .5rem}.dl-reason{grid-column:1 / -1;font-size:.72rem;color:var(--muted);margin:-.1rem 0 .2rem}button.ghost.sm{padding:.2rem .5rem;font-size:.75rem}.rc-picker{display:flex;gap:.4rem;flex-wrap:wrap}.rc-picker .badge{cursor:pointer;font-size:.85rem;padding:.3rem .7rem;border-width:2px}.rc-picker .badge.selected{outline:2px solid var(--primary);outline-offset:1px}.toolbar{flex-wrap:wrap}.tb{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--muted)}.cols-menu{position:relative}.cols-menu>summary{list-style:none;cursor:pointer;padding:.45rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--panel);font-size:.85rem}.cols-menu>summary::-webkit-details-marker{display:none}.cols-panel{position:absolute;z-index:20;top:calc(100% + 4px);left:0;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 20px #0000001f;padding:.6rem .8rem;display:grid;grid-template-columns:1fr 1fr;gap:.3rem 1rem;min-width:320px;max-height:320px;overflow:auto}.toolbar{display:flex;gap:.6rem;align-items:center}.grid-wrap{overflow:auto;border:1px solid var(--border);border-radius:10px;background:var(--panel);background:linear-gradient(to right,var(--panel) 30%,rgba(255,255,255,0)) left center / 32px 100% no-repeat local,linear-gradient(to left,var(--panel) 30%,rgba(255,255,255,0)) right center / 32px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,#0f172a2e,#0f172a00) left center / 12px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,#0f172a2e,#0f172a00) right center / 12px 100% no-repeat scroll,var(--panel);-webkit-overflow-scrolling:touch}:where(.sticky-first) table.grid th:first-child,:where(.sticky-first) table.grid td:first-child{position:sticky;left:0;z-index:1;background:var(--panel);box-shadow:1px 0 0 var(--border)}:where(.sticky-first) table.grid th:first-child{z-index:3;background:#f8fafc}table.grid{border-collapse:collapse;width:100%;font-size:.82rem}table.grid th,table.grid td{padding:.4rem .6rem;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}table.grid th{background:#f8fafc;position:sticky;top:0;z-index:2}table.grid td.title{max-width:380px;overflow:hidden;text-overflow:ellipsis}table.grid tr.overdue td{background:#fef2f2}table.grid tr.row-selected td{background:#eff6ff}.outbox-banner{display:flex;align-items:center;gap:.5rem 1rem;flex-wrap:wrap;margin:.75rem 0;padding:.75rem 1rem;background:linear-gradient(90deg,#eff6ff,#f1f5f9);border:1px solid #bfdbfe;border-radius:.5rem}.outbox-banner .ob-icon{font-size:1.4rem}.outbox-banner .ob-body{flex:1 1 220px;min-width:0}.outbox-banner .ob-cta{background:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:.375rem;text-decoration:none;font-weight:600;white-space:nowrap}.outbox-banner .ob-cta:hover{background:#1d4ed8}.modal-hint{background:#f8fafc;border-left:3px solid #2563eb;padding:.5rem .75rem;margin:0 0 1rem;font-size:.875rem}.sparkline{display:block}table.grid svg.sparkline{vertical-align:middle}.discipline-pie{display:block;cursor:help}table.grid svg.discipline-pie{vertical-align:middle}.doc-cell{display:inline-flex;align-items:center;gap:.35rem}.doc-cell .filter-btn{background:transparent;border:1px solid transparent;cursor:pointer;padding:0 .25rem;border-radius:.25rem;font-size:.8rem;opacity:0;transition:opacity .12s,background .12s}table.grid tr:hover .doc-cell .filter-btn{opacity:.7}.doc-cell .filter-btn:hover{background:#eff6ff;border-color:#bfdbfe;opacity:1}.th-cell{display:inline-flex;align-items:center;gap:.35rem}.th-cell .filter-btn{opacity:.4}.th-cell .filter-btn:hover{background:#eff6ff;border-color:#bfdbfe;opacity:1}.th-cell .th-count{font-weight:400;font-size:.78rem;color:#64748b;font-variant-numeric:tabular-nums}.th-cell .th-count-of{color:#94a3b8}.th-cell .th-count-pct{color:#2563eb;font-feature-settings:"tnum"}.filter-chip{display:inline-flex;align-items:center;gap:.35rem;background:#eff6ff;border:1px solid #bfdbfe;padding:.25rem .5rem .25rem .65rem;border-radius:999px;font-size:.875rem}.filter-chip strong{font-weight:600}.filter-chip .chip-x{background:transparent;border:0;padding:0;margin-left:.25rem;cursor:pointer;font-size:1.1rem;line-height:1;color:#475569}.filter-chip .chip-x:hover{color:#ef4444}.pager{display:flex;align-items:center;gap:1rem}.page-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem}.page-head h2,.page-head h3,.page h2{overflow-wrap:anywhere;min-width:0}button.ghost{background:transparent;color:var(--primary);border:1px solid var(--border)}table.grid tr.clickable{cursor:pointer}table.grid tr.clickable:hover td{background:#f8fafc}.tabs{display:flex;gap:.25rem;flex-wrap:wrap}.tab{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:8px}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.subtable{padding:.4rem 0;display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.pill{background:#f1f5f9;border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;font-size:.75rem}.pill.latest{background:#ecfdf5;border-color:#6ee7b7;color:#047857}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;z-index:50}.modal{width:520px;max-width:92vw;max-height:88vh;overflow:auto;padding:0}.modal.wide{width:880px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-bottom:1px solid var(--border)}.modal-head h3{margin:0}.modal-body{display:flex;flex-direction:column;gap:.8rem;padding:1.1rem}.modal-foot{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.4rem}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;color:var(--muted)}.field input,.field select{font-size:.9rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.checks{display:flex;flex-wrap:wrap;gap:.6rem}.check{display:flex;align-items:center;gap:.3rem;color:var(--text);font-size:.85rem}.report-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem}.report-body{min-width:0}.report-list{display:flex;flex-direction:column;gap:.3rem}.report-item{text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;font-size:.85rem}.report-item.active{background:#eff6ff;color:var(--primary);border-color:#bfdbfe}.report-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.6rem}.report-title h3{margin:0}.report-grid{font-size:.8rem}@media print{.topbar,.no-print,.report-list,.drawer,.drawer-backdrop{display:none!important}.report-layout{grid-template-columns:1fr}main{padding:0}.card{border:0;box-shadow:none}body{background:#fff}}.nav-toggle,.phone-only,.filters-toggle,.scroll-hint{display:none}.fc-filters{display:contents}.topbar-project{font-weight:600;color:var(--muted);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:40vw}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:60;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.drawer-backdrop.open{opacity:1;visibility:visible;transition:opacity .2s,visibility 0s}.drawer{position:fixed;top:0;left:0;bottom:0;z-index:61;width:min(300px,85vw);background:var(--panel);border-right:1px solid var(--border);box-shadow:4px 0 24px #0f172a2e;display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem 1rem;overflow-y:auto;overscroll-behavior:contain;transform:translate(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s}.drawer.open{transform:none;visibility:visible;transition:transform .22s ease,visibility 0s}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-close{min-width:40px}.drawer-project{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--muted)}.drawer-project select{width:100%}.drawer-nav{display:flex;flex-direction:column;gap:.15rem;border-top:1px solid var(--border);padding-top:.6rem}.drawer-nav a{display:flex;align-items:center;min-height:44px;padding:0 .75rem;border-radius:8px;text-decoration:none;color:var(--text);font-weight:500}.drawer-nav a.active{color:var(--primary);background:#eff6ff}.drawer-user{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--border);padding-top:.75rem}.drawer-user .user{overflow-wrap:anywhere}@media (prefers-reduced-motion: reduce){.drawer,.drawer-backdrop{transition:none}}@media (max-width: 1023px){.topbar{flex-wrap:nowrap;gap:.5rem;padding:.4rem 1rem;position:sticky;top:0;z-index:30}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:40px;font-size:1.25rem;padding:0 .5rem;color:var(--text)}.topbar .logout{padding:.4rem .75rem}main{padding:1rem}input,select,textarea,.field input,.field select{font-size:16px}button,select,summary,input:not([type=checkbox]):not([type=radio]):not([type=file]){min-height:40px}button.ghost.sm{min-height:40px;padding:.35rem .7rem;font-size:.85rem}.bell{min-width:40px;min-height:40px}input[type=checkbox],input[type=radio]{width:20px;height:20px}.check{min-height:40px}.cols-menu>summary{display:flex;align-items:center}.doc-cell .filter-btn{opacity:.6;min-width:32px;min-height:32px}button.linklike{min-height:32px;text-align:left}.report-layout{grid-template-columns:1fr}.report-list{flex-direction:row;overflow-x:auto;padding-bottom:.25rem}.report-item{flex:0 0 auto;white-space:nowrap;min-height:40px}}@media (max-width: 639px){.phone-only{display:initial}main{padding:.75rem 1rem 1.5rem}.page{gap:.75rem}.page h2{font-size:1.2rem;margin:.25rem 0}.card{padding:.85rem .9rem}.toolbar{gap:.5rem}.toolbar>input,.toolbar>.doc-search{flex:1 1 100%;min-width:0!important;width:100%}.page-head>.toolbar{width:100%}.page-head>.toolbar>button{flex:1 1 auto}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.kpi-value{font-size:1.5rem}.filters-toggle{display:inline-flex;align-items:center;gap:.3rem}.fc-filters{display:none}.fc-filters.open{display:flex;flex-wrap:wrap;gap:.5rem;width:100%;padding:.75rem;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.fc-filters.open>select,.fc-filters.open>.tb,.fc-filters.open>.cols-menu{flex:1 1 100%;min-width:0;max-width:100%}.fc-filters.open .tb select{flex:1 1 0;min-width:0;width:100%}.fc-filters.open>select{width:100%}.fc-filters.open>button{flex:1 1 calc(50% - .25rem)}.cols-panel{position:static;min-width:0;max-height:none;margin-top:.4rem;box-shadow:none}.fc-count{display:none}.scroll-hint{display:block;font-size:.75rem;color:var(--muted);margin:-.25rem 0 0}.grid-wrap.fc-grid{max-height:70vh}table.grid td.title{max-width:220px}table.grid.stack,table.grid.stack>tbody,table.grid.stack>tbody>tr{display:block;width:100%}table.grid.stack>thead{display:none}table.grid.stack>tbody>tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5rem;padding:.6rem .8rem;border-bottom:1px solid var(--border)}table.grid.stack>tbody>tr:last-child{border-bottom:0}table.grid.stack>tbody>tr>td{display:flex;gap:.75rem;justify-content:space-between;align-items:center;flex:1 1 100%;min-width:0;padding:.15rem 0;border:0;white-space:normal;overflow-wrap:anywhere;background:transparent;text-align:right}table.grid.stack>tbody>tr>td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:.75rem;font-weight:500;flex:0 0 auto;white-space:nowrap}table.grid.stack>tbody>tr>td[data-label]>*{text-align:right}table.grid.stack>tbody>tr>td.title{max-width:none;overflow:visible;text-overflow:clip}table.grid.stack>tbody>tr>td:empty{display:none}table.grid.stack>tbody>tr>td:not([data-label]){text-align:left;justify-content:flex-start}table.grid.stack>tbody>tr>td.cell-primary{flex:1 1 0;font-weight:600;font-size:.9rem;justify-content:flex-start;text-align:left}table.grid.stack>tbody>tr>td.chev{flex:0 0 auto}table.grid.stack>tbody>tr>td.cell-check{flex:0 0 auto}table.grid.stack>tbody>tr>td.cell-actions{justify-content:flex-start;padding-top:.35rem;flex-wrap:wrap}table.grid.stack>tbody>tr>td.cell-full{display:block;text-align:left}table.grid.stack.compact>tbody>tr{gap:0 1.25rem}table.grid.stack.compact>tbody>tr>td[data-label]{flex:1 1 calc(50% - .75rem)}table.grid.stack>tbody>tr>td.cell-full .doc-list{overflow-x:auto}table.grid.stack>tbody>tr.overdue{background:#fef2f2}table.grid.stack>tbody>tr.row-selected{background:#eff6ff}table.grid.stack>tbody>tr.clickable:hover td{background:transparent}.fc-grid table.grid{font-size:.78rem}.fc-grid table.grid th,.fc-grid table.grid td{padding:.3rem .45rem}.fc-grid .doc-cell{gap:.15rem}.fc-grid .doc-cell .filter-btn{min-width:28px}.modal-backdrop{place-items:stretch}.modal,.modal.wide{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;border:0;display:flex;flex-direction:column;padding:0}.modal-head{position:sticky;top:0;z-index:4;background:var(--panel);padding:.5rem 1rem;gap:.5rem}.modal-head h3{font-size:1rem;overflow-wrap:anywhere;min-width:0}.modal-body{padding:1rem;flex:1 0 auto}.modal-foot{position:sticky;bottom:0;z-index:4;margin:auto -1rem -1rem;padding:.75rem 1rem;background:var(--panel);border-top:1px solid var(--border)}.modal-foot>button{flex:1}.form-grid{grid-template-columns:1fr}.add-member{flex-wrap:wrap}.add-member>*{flex:1 1 100%}.doc-line{grid-template-columns:minmax(0,1fr) 64px auto}.dl-state{order:1;grid-column:1 / -1;min-width:0}.dl-state:empty{display:none}.dl-reason{order:2}.bell-panel{position:fixed;left:.5rem;right:.5rem;top:3.5rem;width:auto;max-height:70vh}.bell-item{min-height:44px}.outbox-banner .ob-cta{flex:1 1 100%;text-align:center}.report-title{flex-wrap:wrap;gap:.25rem .75rem}.pager{gap:.5rem;justify-content:space-between;font-size:.85rem}.doc-search{min-width:0}}