:root{--deep: #0b292c;--deep2: #17494b;--petrol: #116b70;--petrol2: #16868b;--mint: #dff1eb;--mint2: #edf7f3;--ice: #f4f8f7;--white: #fff;--ink: #173033;--muted: #687b7d;--line: #dce7e5;--coral: #d66b59;--coral-soft: #fbe8e3;--amber: #d59a2f;--amber-soft: #fbf2de;--blue: #4e7fa4;--blue-soft: #e7f0f6;--green: #4a8b69;--green-soft: #e5f2ea;--radius: 16px;--radius-sm: 10px;--shadow: 0 18px 50px rgba(11, 41, 44, .12);--font: Inter, "Source Sans 3", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--ice);color:var(--ink);font-size:14px}.tnum{font-variant-numeric:tabular-nums}a{color:var(--petrol)}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--deep);color:#c6dbd8;padding:22px 15px}.sidebrand{display:flex;align-items:center;gap:9px;color:#fff;font-weight:900;margin-bottom:26px}.sidebrand .logo{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--petrol),var(--petrol2))}.sideitem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#c6dbd8;text-decoration:none;font-weight:700;font-size:.85rem;margin-bottom:4px}.sideitem:hover{background:#14403f;color:#fff}.sideitem.active{background:#1c5052;color:#fff}.sideitem span{display:inline-block;width:22px}.sidefoot{margin-top:auto}.main{padding:26px 30px;overflow:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px}.topbar h1{margin:0;font-size:1.35rem}.topbar .sub{color:var(--muted);font-size:.85rem;margin-top:2px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 4px 14px #0b292c0a}.card+.card{margin-top:14px}.card h3,.card h4{margin:0 0 10px}.grid{display:grid;gap:14px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:16px}.metric{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.metric .n{font-size:1.7rem;font-weight:900}.metric .t{color:var(--muted);font-size:.78rem;margin-top:3px}.btn{border:0;border-radius:11px;background:var(--petrol);color:#fff;cursor:pointer;padding:9px 14px;font-size:.82rem;font-weight:800;font-family:inherit}.btn:hover{background:var(--petrol2)}.btn:disabled{opacity:.5;cursor:default}.btn.soft{background:var(--mint);color:var(--petrol)}.btn.danger{background:var(--coral)}.btn.ghost{background:transparent;color:var(--muted)}.btn.sm{padding:6px 10px;font-size:.74rem}.row{display:flex;align-items:center;gap:10px}.grow,.spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:800;padding:4px 9px;border-radius:999px;background:var(--mint2);color:var(--petrol)}.pill.warn{background:var(--amber-soft);color:#8b5d0d}.pill.red{background:var(--coral-soft);color:#a74434}.pill.green{background:var(--green-soft);color:#317250}.pill.blue{background:var(--blue-soft);color:#2f597a}.pill.gray{background:#eef2f1;color:var(--muted)}.pills{display:flex;gap:6px;flex-wrap:wrap}.table{width:100%;border-collapse:collapse;font-size:.85rem}.table th{text-align:left;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;padding:9px 8px;border-bottom:1px solid var(--line)}.table td{padding:11px 8px;border-bottom:1px solid var(--line)}.table tr:hover td{background:var(--ice)}.table .clickable{cursor:pointer}.th{display:flex;align-items:center;gap:6px}.th-label.filterable{cursor:pointer}.th-label.filterable:hover{color:var(--petrol)}.th-sort{cursor:pointer;color:var(--muted);font-size:.7rem;-webkit-user-select:none;user-select:none}.th-sort:hover{color:var(--petrol)}.th-filter{display:flex;align-items:center;gap:4px;margin-top:5px}.th-filter input{border:1px solid var(--line);border-radius:8px;padding:3px 7px;font-size:.75rem;width:110px;font-family:inherit;text-transform:none}.th-filter input:focus{outline:2px solid var(--mint);border-color:var(--petrol)}.th-x{cursor:pointer;color:var(--coral);font-weight:900}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field label{font-size:.72rem;font-weight:800;color:var(--muted)}.field input,.field select{border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:.88rem;font-family:inherit;background:var(--white);color:var(--ink)}.field input:focus,.field select:focus{outline:2px solid var(--mint);border-color:var(--petrol)}.form-actions{display:flex;gap:10px;margin-top:6px}.error{color:#a74434;background:var(--coral-soft);padding:9px 12px;border-radius:10px;font-size:.82rem}.notice{color:var(--petrol);background:var(--mint2);padding:9px 12px;border-radius:10px;font-size:.82rem}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--ice);border:1px solid var(--line);border-radius:8px;padding:10px;white-space:pre-wrap;font-size:.8rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b292c59;display:grid;place-items:center;z-index:50}.dialog{background:var(--white);border-radius:var(--radius);padding:22px;width:min(520px,92vw);box-shadow:var(--shadow)}.dialog h3{margin:0 0 6px}.auth-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--deep),var(--deep2))}.auth-card{width:min(420px,92vw);background:var(--white);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.auth-card h2{margin:0 0 4px}.auth-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900;margin-bottom:18px;justify-content:center}.panel{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:16px;min-width:0}.panel+.panel{margin-top:14px}.panel h4{margin:0 0 12px;font-size:.9rem}.workgrid{display:grid;grid-template-columns:1.5fr .9fr;gap:14px;align-items:start}@media(max-width:1050px){.workgrid{grid-template-columns:1fr}}.flag{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 9px;font-weight:800;font-size:.66rem;background:var(--amber-soft);color:#87590c}.flag.red{background:var(--coral-soft);color:#a14637}.flag.green{background:var(--green-soft);color:#317250}.flag.gray{background:#eef2f1;color:var(--muted)}.progress{height:8px;background:#e8efed;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--petrol),#63b49c);border-radius:99px}.bar-row{display:flex;align-items:center;gap:10px;margin-top:12px}.bar-row .bar-label{width:90px;font-size:.72rem}.timeline{border-left:2px solid #dfe9e7;padding-left:16px;margin-left:5px}.timeline .tl{position:relative;margin:0 0 14px;font-size:.76rem}.timeline .tl:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--petrol);left:-21px;top:3px}.chart{height:170px;background:linear-gradient(#fff,#fbfdfd);border:1px solid var(--line);border-radius:10px;overflow:hidden}.chart svg{width:100%;height:100%}.loading{color:var(--muted);padding:20px 0}