:root{--navy:#001c44;--teal:#0c5776;--lagoon:#2d99ae;--cyan:#bcfefe;--peach:#f8dad0;--bg:#f6fbfc;--surface:#fff;--surface-2:#e9f7f8;--surface-strong:#c9e9ee;--surface-navy:var(--navy);--border:#d7e8ec;--border-strong:#b9d6dc;--ink:#0a2338;--ink-muted:#4f6a7c;--ink-faint:#7d94a3;--ink-on-navy:#fff;--ink-on-navy-muted:#a9c2d6;--accent:var(--teal);--accent-ink:#fff;--accent-soft:#e3f2f5;--accent-soft-ink:#0c5776;--accent-2:var(--lagoon);--primary:var(--navy);--primary-ink:#fff;--primary-hover:#002d68;--primary-active:#001430;--nav-bg:var(--navy);--nav-ink:#fff;--nav-ink-muted:var(--ink-on-navy-muted);--nav-border:hsla(0,0%,100%,.1);--nav-active-bg:rgba(45,153,174,.28);--nav-active-ink:#fff;--nav-hover-bg:hsla(0,0%,100%,.08);--ok-bg:#e1f4e8;--ok-ink:#1c7a44;--ok-dot:#2fa860;--warn-bg:#fbeee6;--warn-ink:#9c5a1f;--warn-dot:#e08a4f;--bad-bg:#fbe8e8;--bad-ink:#b23a3a;--bad-dot:#dc5353;--info-bg:#e3f8f8;--info-ink:#0c5776;--info-dot:#2d99ae;--cathay-bg:#e3ecfc;--cathay-ink:#1e40af;--cathay-dot:#3b6fe0;--dragon-bg:var(--bad-bg);--dragon-ink:var(--bad-ink);--dragon-dot:var(--bad-dot);--nhom-nau-bg:#f2ece9;--nhom-nau-ink:#3d2514;--nhom-nau-border:#764b2d;--nhom-vang-nghe-bg:#f5f0e6;--nhom-vang-nghe-ink:#664e14;--nhom-vang-nghe-border:#be922d;--nhom-xanh-reu-bg:#ecf3e7;--nhom-xanh-reu-ink:#2e5214;--nhom-xanh-reu-border:#61a630;--nhom-xam-bg:#ebedef;--nhom-xam-ink:#272c35;--nhom-xam-border:#5c6370;--nhom-xanh-duong-bg:#e5edf5;--nhom-xanh-duong-ink:#174d82;--nhom-xanh-duong-border:#3585d4;--nhom-xanh-bien-bg:#e7ebf3;--nhom-xanh-bien-ink:#101f41;--nhom-xanh-bien-border:#29488e;--nhom-cham-bg:#e7e6f5;--nhom-cham-ink:#1c166f;--nhom-cham-border:#392fc6;--nhom-tim-than-bg:#eae7f3;--nhom-tim-than-ink:#1d1041;--nhom-tim-than-border:#44298e;--nhom-tim-bg:#ede6f5;--nhom-tim-ink:#491980;--nhom-tim-border:#8039d0;--nhom-tim-hoa-ca-bg:#efe7f3;--nhom-tim-hoa-ca-ink:#371249;--nhom-tim-hoa-ca-border:#792e9e;--nhom-tim-man-bg:#f3e6f5;--nhom-tim-man-ink:#63166f;--nhom-tim-man-border:#b22fc6;--nhom-hong-sen-bg:#f4e6f3;--nhom-hong-sen-ink:#5d1458;--nhom-hong-sen-border:#b42dab;--nhom-hong-bg:#f4e6f0;--nhom-hong-ink:#871d6a;--nhom-hong-border:#d043ab;--nhom-hong-dao-bg:#f4e6ee;--nhom-hong-dao-ink:#531335;--nhom-hong-dao-border:#a92d6f;--nhom-do-man-bg:#f3e8eb;--nhom-do-man-ink:#3f1221;--nhom-do-man-border:#822b48;--nhom-vang-dat-bg:#f7ecc9;--nhom-vang-dat-ink:#7a5a06;--nhom-vang-dat-border:#c99a1f;--font-body:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--font-mono:"Cascadia Mono",Consolas,ui-monospace,monospace;--text-xs:11px;--text-sm:12.5px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:26px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:8px;--radius:14px;--radius-lg:20px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(0,28,68,.05);--shadow:0 1px 2px rgba(0,28,68,.04),0 6px 16px rgba(0,28,68,.06);--shadow-lg:0 4px 10px rgba(0,28,68,.06),0 16px 32px rgba(0,28,68,.08);--touch-target:44px;--focus-ring:0 0 0 3px rgba(45,153,174,.38);--radius-legacy:var(--radius);--shadow-legacy:var(--shadow)}@media (prefers-color-scheme:dark){:root{--bg:#051726;--surface:#0b2439;--surface-2:#0f2e46;--surface-strong:#17415c;--border:#1c3e52;--border-strong:#2a5068;--ink:#e7f3f6;--ink-muted:#96b3c2;--ink-faint:#6f8b9a;--accent:#4fb8d6;--accent-ink:#04101f;--accent-soft:#123448;--accent-soft-ink:#7fd4e8;--primary:#0c5776;--primary-ink:#fff;--primary-hover:#14688c;--primary-active:#094a63;--nav-bg:#021226;--nav-active-bg:rgba(79,184,214,.25);--nav-hover-bg:hsla(0,0%,100%,.06);--ok-bg:#12331f;--ok-ink:#7fdb9c;--ok-dot:#3fbe73;--warn-bg:#3a2a1e;--warn-ink:#f0b583;--warn-dot:#e08a4f;--bad-bg:#3b1e1e;--bad-ink:#f0a0a0;--bad-dot:#dc5353;--info-bg:#0f3038;--info-ink:#7fd4e8;--info-dot:#4fb8d6;--cathay-bg:#16294f;--cathay-ink:#93b4f7;--cathay-dot:#5b8ef0;--dragon-bg:var(--bad-bg);--dragon-ink:var(--bad-ink);--dragon-dot:var(--bad-dot);--nhom-nau-bg:#3c2c20;--nhom-nau-ink:#c7a38a;--nhom-nau-border:#764b2d;--nhom-vang-nghe-bg:#433718;--nhom-vang-nghe-ink:#e7d7b1;--nhom-vang-nghe-border:#be922d;--nhom-xanh-reu-bg:#2b401c;--nhom-xanh-reu-ink:#bddda6;--nhom-xanh-reu-border:#61a630;--nhom-xam-bg:#292c32;--nhom-xam-ink:#b3b9c7;--nhom-xam-border:#5c6370;--nhom-xanh-duong-bg:#172e45;--nhom-xanh-duong-ink:#c8dbef;--nhom-xanh-duong-border:#3585d4;--nhom-xanh-bien-bg:#1c2740;--nhom-xanh-bien-ink:#90a5d5;--nhom-xanh-bien-border:#29488e;--nhom-cham-bg:#1b1843;--nhom-cham-ink:#bcb9e9;--nhom-cham-border:#392fc6;--nhom-tim-than-bg:#251c40;--nhom-tim-than-ink:#a290d5;--nhom-tim-than-border:#44298e;--nhom-tim-bg:#2c1843;--nhom-tim-ink:#dac9ee;--nhom-tim-border:#8039d0;--nhom-tim-hoa-ca-bg:#341c40;--nhom-tim-hoa-ca-ink:#c79fdb;--nhom-tim-hoa-ca-border:#792e9e;--nhom-tim-man-bg:#3e1843;--nhom-tim-man-ink:#e3b9e9;--nhom-tim-man-border:#b22fc6;--nhom-hong-sen-bg:#431940;--nhom-hong-sen-ink:#e3abdf;--nhom-hong-sen-border:#b42dab;--nhom-hong-bg:#431938;--nhom-hong-ink:#f0d1e8;--nhom-hong-border:#d043ab;--nhom-hong-dao-bg:#421a2f;--nhom-hong-dao-ink:#dfa4c4;--nhom-hong-dao-border:#a92d6f;--nhom-do-man-bg:#3e1e29;--nhom-do-man-ink:#ce8da3;--nhom-do-man-border:#822b48;--nhom-vang-dat-bg:#3a3018;--nhom-vang-dat-ink:#e8c866;--nhom-vang-dat-border:#c99a1f;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.35);--shadow-lg:0 4px 10px rgba(0,0,0,.35),0 16px 32px rgba(0,0,0,.4)}}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3{color:var(--ink);font-weight:700;letter-spacing:-.01em}::selection{background:var(--accent-soft);color:var(--accent-soft-ink)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.btn{border:0;font:inherit;font-weight:700;font-size:13px;padding:10px 18px;min-height:var(--touch-target);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .15s ease,filter .15s ease,transform .05s ease}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-active)}.btn-secondary{background:var(--accent-soft);color:var(--accent-soft-ink);border:1px solid transparent}.btn-secondary:hover{border-color:var(--border-strong)}.btn-danger{background:var(--bad-bg);color:var(--bad-ink)}.btn-danger:hover{filter:brightness(.96)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.input,select.input{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);padding:10px 12px;min-height:var(--touch-target);font:inherit;font-size:13px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.input:hover{border-color:var(--border-strong)}.input:focus-visible{border-color:var(--accent)}.input:disabled{opacity:.6;cursor:not-allowed;background:var(--surface-2)}.input[type=date],.input[type=datetime-local]{min-width:0}label{font-size:11.5px;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.field{display:flex;flex-direction:column;gap:5px;min-width:0}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-weight:700;padding:10px 16px;background:var(--surface-strong);white-space:nowrap}tbody td,thead th{border-bottom:1px solid var(--border)}tbody td{padding:12px 16px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr.row-clickable{cursor:pointer;transition:background-color .12s ease}tbody tr.row-clickable:hover{background:var(--accent-soft)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:700}.badge .dot{width:6px;height:6px;border-radius:50%}.badge-ok{background:var(--ok-bg);color:var(--ok-ink)}.badge-ok .dot{background:var(--ok-dot)}.badge-bad{background:var(--bad-bg);color:var(--bad-ink)}.badge-bad .dot{background:var(--bad-dot)}.badge-muted{background:var(--surface-2);color:var(--ink-muted)}.badge-muted .dot{background:var(--ink-muted)}.badge-warn{background:var(--warn-bg);color:var(--warn-ink)}.badge-warn .dot{background:var(--warn-dot)}.badge-info{background:var(--info-bg);color:var(--info-ink)}.badge-info .dot{background:var(--info-dot)}.badge-cathay{background:var(--cathay-bg);color:var(--cathay-ink)}.badge-cathay .dot{background:var(--cathay-dot)}.badge-dragon{background:var(--dragon-bg);color:var(--dragon-ink)}.badge-dragon .dot{background:var(--dragon-dot)}.group-nhom-bg{border:1.5px solid;border-radius:var(--radius-sm);padding:var(--space-3)}.group-nhom-tim-bg{background:var(--nhom-tim-bg);border-color:var(--nhom-tim-border)}.group-nhom-tim-ink{color:var(--nhom-tim-ink)}.group-nhom-tim-dot{background:var(--nhom-tim-ink)}.group-nhom-xanh-duong-bg{background:var(--nhom-xanh-duong-bg);border-color:var(--nhom-xanh-duong-border)}.group-nhom-xanh-duong-ink{color:var(--nhom-xanh-duong-ink)}.group-nhom-xanh-duong-dot{background:var(--nhom-xanh-duong-ink)}.group-nhom-hong-bg{background:var(--nhom-hong-bg);border-color:var(--nhom-hong-border)}.group-nhom-hong-ink{color:var(--nhom-hong-ink)}.group-nhom-hong-dot{background:var(--nhom-hong-ink)}.group-nhom-nau-bg{background:var(--nhom-nau-bg);border-color:var(--nhom-nau-border)}.group-nhom-nau-ink{color:var(--nhom-nau-ink)}.group-nhom-nau-dot{background:var(--nhom-nau-ink)}.group-nhom-xam-bg{background:var(--nhom-xam-bg);border-color:var(--nhom-xam-border)}.group-nhom-xam-ink{color:var(--nhom-xam-ink)}.group-nhom-xam-dot{background:var(--nhom-xam-ink)}.group-nhom-cham-bg{background:var(--nhom-cham-bg);border-color:var(--nhom-cham-border)}.group-nhom-cham-ink{color:var(--nhom-cham-ink)}.group-nhom-cham-dot{background:var(--nhom-cham-ink)}.group-nhom-vang-dat-bg{background:var(--nhom-vang-dat-bg);border-color:var(--nhom-vang-dat-border)}.group-nhom-vang-dat-ink{color:var(--nhom-vang-dat-ink)}.group-nhom-vang-dat-dot{background:var(--nhom-vang-dat-ink)}.group-nhom-vang-nghe-bg{background:var(--nhom-vang-nghe-bg);border-color:var(--nhom-vang-nghe-border)}.group-nhom-vang-nghe-ink{color:var(--nhom-vang-nghe-ink)}.group-nhom-vang-nghe-dot{background:var(--nhom-vang-nghe-ink)}.group-nhom-xanh-bien-bg{background:var(--nhom-xanh-bien-bg);border-color:var(--nhom-xanh-bien-border)}.group-nhom-xanh-bien-ink{color:var(--nhom-xanh-bien-ink)}.group-nhom-xanh-bien-dot{background:var(--nhom-xanh-bien-ink)}.group-nhom-tim-than-bg{background:var(--nhom-tim-than-bg);border-color:var(--nhom-tim-than-border)}.group-nhom-tim-than-ink{color:var(--nhom-tim-than-ink)}.group-nhom-tim-than-dot{background:var(--nhom-tim-than-ink)}.group-nhom-tim-hoa-ca-bg{background:var(--nhom-tim-hoa-ca-bg);border-color:var(--nhom-tim-hoa-ca-border)}.group-nhom-tim-hoa-ca-ink{color:var(--nhom-tim-hoa-ca-ink)}.group-nhom-tim-hoa-ca-dot{background:var(--nhom-tim-hoa-ca-ink)}.group-nhom-tim-man-bg{background:var(--nhom-tim-man-bg);border-color:var(--nhom-tim-man-border)}.group-nhom-tim-man-ink{color:var(--nhom-tim-man-ink)}.group-nhom-tim-man-dot{background:var(--nhom-tim-man-ink)}.group-nhom-hong-sen-bg{background:var(--nhom-hong-sen-bg);border-color:var(--nhom-hong-sen-border)}.group-nhom-hong-sen-ink{color:var(--nhom-hong-sen-ink)}.group-nhom-hong-sen-dot{background:var(--nhom-hong-sen-ink)}.group-nhom-hong-dao-bg{background:var(--nhom-hong-dao-bg);border-color:var(--nhom-hong-dao-border)}.group-nhom-hong-dao-ink{color:var(--nhom-hong-dao-ink)}.group-nhom-hong-dao-dot{background:var(--nhom-hong-dao-ink)}.group-nhom-do-man-bg{background:var(--nhom-do-man-bg);border-color:var(--nhom-do-man-border)}.group-nhom-do-man-ink{color:var(--nhom-do-man-ink)}.group-nhom-do-man-dot{background:var(--nhom-do-man-ink)}.group-nhom-xanh-reu-bg{background:var(--nhom-xanh-reu-bg);border-color:var(--nhom-xanh-reu-border)}.group-nhom-xanh-reu-ink{color:var(--nhom-xanh-reu-ink)}.group-nhom-xanh-reu-dot{background:var(--nhom-xanh-reu-ink)}.role-pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-soft-ink);background:var(--accent-soft);padding:1px 6px;border-radius:var(--radius-pill)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.error-text{color:var(--bad-ink);font-size:12.5px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,12,28,.4);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal-panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px}.modal-panel>h2{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip-filter{gap:2px;padding:3px;background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius);width:-moz-fit-content;width:fit-content;max-width:100%;overflow-x:auto}.chip,.chip-filter{display:inline-flex;align-items:center}.chip{white-space:nowrap;padding:8px 14px;min-height:36px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;color:var(--ink-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip:hover{color:var(--ink)}.chip.on{background:var(--surface);color:var(--accent-soft-ink);box-shadow:var(--shadow-sm);font-weight:700}.panel-info{background:var(--info-bg);color:var(--info-ink)}.panel-info,.panel-peach{border-radius:var(--radius);padding:var(--space-4)}.panel-peach{background:var(--peach);color:#6a3a28}@media (max-width:860px){.card:has(table){overflow-x:auto!important}table{min-width:640px}.input,select.input{font-size:16px}.input[type=date],.input[type=datetime-local]{font-size:12px;padding-left:8px;padding-right:8px}.modal-panel{max-width:calc(100vw - 24px)}}