@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--purple:#6b21ff;--purple-light:#8b4fff;--purple-dim:#6b21ff1a;--purple-border:#6b21ff4d;--ink:#0d0d1a;--white:#fff;--gray:#f4f4f8;--gray2:#e8e8f0;--muted:#88a;--text:#1a1a2e;--green:#00c896;--amber:#ffb800;--red:#ff4757;--blue:#09f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--white);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray2);border-radius:3px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.page-title{color:var(--ink);font-family:Syne,sans-serif;font-size:28px;font-weight:800}.page-subtitle{color:var(--muted);margin-top:4px;font-size:14px}.btn-primary{background:var(--purple);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:background .2s;display:inline-flex}.btn-primary:hover{background:var(--purple-light)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--muted);border:1px solid var(--gray2);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--purple-border);color:var(--purple)}.btn-dashed{border:1.5px dashed var(--purple-border);color:var(--purple);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-dashed:hover{background:var(--purple-dim)}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;transition:background .15s;display:flex}.icon-btn:hover{background:var(--gray2)}.icon-btn.del:hover{background:#ff47571f}.mod-wrh{color:var(--purple);background:#6b21ff1f}.mod-dop{color:var(--blue);background:#0099ff1f}.mod-pcc{color:var(--green);background:#00c8961f}.mod-apc{color:#c80;background:#ffb8001f}.mod-cdi{color:var(--red);background:#ff47571f}.mod-rae{color:var(--purple-light);background:#8b4fff26}.mod-aed{color:#07d;background:#0077dd1f}.mod-ai{color:#009970;background:#00c8962e}.bar-wrh{background:#6b21ff!important}.bar-dop{background:#09f!important}.bar-pcc{background:#00c896!important}.bar-apc{background:#ffb800!important}.bar-cdi{background:#ff4757!important}.bar-rae{background:#8b4fff!important}.bar-aed{background:#07d!important}.bar-ai{background:#009970!important}.s-done{background:var(--green)!important}.s-inprogress{background:var(--blue)!important}.s-atrisk{background:var(--amber)!important}.stats-strip{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.stat-card{border:1px solid var(--gray2);border-radius:12px;padding:18px 20px}.stat-label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:700}.stat-value{color:var(--ink);font-family:Syne,sans-serif;font-size:28px;font-weight:800}.stat-value span{color:var(--muted);margin-left:4px;font-size:14px;font-weight:500}.stat-sub{color:var(--muted);margin-top:4px;font-size:12px}.legend{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.legend-dot{border-radius:3px;width:10px;height:10px}.loading-screen{height:60vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.spinner{border:3px solid var(--gray2);border-top-color:var(--purple);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{color:var(--red);background:#ff475714;border:1px solid #ff47574d;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:13px}.empty-state{text-align:center;color:var(--muted);padding:40px 20px}.empty-icon{margin-bottom:10px;font-size:36px}.empty-text{font-size:14px}.modal-overlay{z-index:999;background:#0d0d1aa6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:480px;max-width:95vw;padding:28px;box-shadow:0 24px 80px #0d0d1a4d}.modal-title{color:var(--ink);margin-bottom:20px;font-family:Syne,sans-serif;font-size:18px;font-weight:800}.form-group{margin-bottom:16px}.form-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.form-input,.form-select,.form-textarea{border:1.5px solid var(--gray2);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--purple)}.form-textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.btn-cancel{background:var(--gray);color:var(--muted);cursor:pointer;border:none;border-radius:8px;padding:9px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.span-popup{z-index:500;border:1px solid var(--gray2);background:#fff;border-radius:12px;width:270px;padding:16px;position:fixed;box-shadow:0 8px 40px #0d0d1a33}.sp-title{color:var(--ink);margin-bottom:12px;font-family:Syne,sans-serif;font-size:13px;font-weight:700}.sp-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.sp-input,.sp-select{border:1.5px solid var(--gray2);width:100%;color:var(--ink);background:#fff;border-radius:7px;outline:none;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:13px}.sp-input:focus,.sp-select:focus{border-color:var(--purple)}.popup-actions{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.popup-del{color:var(--red);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.inline-select{border:1px solid var(--gray2);color:var(--muted);cursor:pointer;background:#fff;border-radius:5px;outline:none;padding:2px 5px;font-family:DM Sans,sans-serif;font-size:11px}.inline-select:focus{border-color:var(--purple)}@media (width<=900px){.stats-strip{grid-template-columns:repeat(2,1fr)}}