: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}.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}.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}.brand{font-weight:800;color:var(--primary);letter-spacing:.5px}.topbar nav{display:flex;gap:.75rem}.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(320px,1fr));gap:1rem}.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)}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}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:1rem;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}.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}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}.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 1fr;gap:1rem}.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{display:none!important}.report-layout{grid-template-columns:1fr}main{padding:0}.card{border:0;box-shadow:none}body{background:#fff}}