:root{--gold: #C6A15C;--gold-d: #A8863F;--gold-soft: #f3ead6;--navy: #1B2138;--navy-2: #252C46;--bg: #f4f5f8;--card: #fff;--line: #e7e9ef;--line-2: #d8dce6;--ink: #20242e;--mut: #6b7385;--ok: #3f8f5b;--warn: #c9772a;--bad: #c0392b;--blue: #2e6fb0;--pur: #7c5cbf;--color-sidebar-bg: var(--navy);--color-sidebar-text: #dfe3ee;--color-primary: var(--gold);--color-content-bg: var(--bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Be Vietnam Pro,Segoe UI,Arial,Roboto,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45}.admin-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:252px;background:var(--navy);color:#dfe3ee;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.sidebar-header{padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo{font-size:22px;font-weight:800;letter-spacing:3px;color:var(--gold)}.sidebar-app{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#aeb6cc;margin-top:2px}.sidebar-nav{flex:1;padding:8px 0}.nav-section-title{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:#8892ad;padding:14px 15px 4px}.nav-item{display:flex;align-items:center;gap:9px;padding:9px 16px;color:#c9cfdf;text-decoration:none;font-size:14px;cursor:pointer;border-left:3px solid transparent;transition:background .12s}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:var(--navy-2);color:#fff;border-left-color:var(--gold)}.sidebar-footer{padding:12px 15px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#aeb6cc}.sidebar-footer a{color:#aeb6cc;text-decoration:none}.sidebar-footer a:hover{color:#fff}.content-area{flex:1;background:var(--bg);overflow-y:auto;padding:20px;min-width:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.page-title{font-size:21px;font-weight:700;color:var(--ink)}.page-subtitle{font-size:14px;color:var(--mut);margin-top:3px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.search-wrap{position:relative;flex:1;min-width:260px}.search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--mut)}.search-wrap input{padding-left:34px}.inp{border:1px solid var(--line-2);border-radius:9px;padding:8px 11px;font-size:14px;background:var(--card);font-family:inherit;min-height:38px;color:var(--ink);width:100%}.inp:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft)}select.inp{cursor:pointer}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);background:var(--card);border-radius:9px;padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;color:var(--ink);font-family:inherit;min-height:38px;white-space:nowrap}.btn:hover{border-color:var(--gold)}.btn.gold{background:var(--gold);border-color:var(--gold);color:#241d0c}.btn.gold:hover{background:var(--gold-d);border-color:var(--gold-d)}.btn.sm{padding:6px 10px;font-size:13px;min-height:32px}.btn:disabled{opacity:.5;cursor:default}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:16px}.card-head{padding:12px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.card-head h4{margin:0;font-size:15px;font-weight:700}.card-body{padding:14px 15px}.tblwrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:10px 11px;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap}th{color:var(--mut);font-weight:600;font-size:12.5px;background:#fafbfd;text-transform:uppercase;letter-spacing:.4px}tbody tr.clk{cursor:pointer}tbody tr.clk:hover{background:#fafaf6}tr.row-dim{opacity:.5}tr.row-warn{background:#fdf6f5}.badge{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:20px;margin-right:3px}.badge-tier-tiem-nang{background:#eef0f4;color:var(--mut)}.badge-tier-theo-duoi{background:#faeede;color:var(--warn)}.badge-tier-da-mua{background:#eef4fb;color:var(--blue)}.badge-tier-than-thiet{background:#e6f2ea;color:var(--ok)}.badge-gold{background:var(--gold-soft);color:var(--gold-d)}.badge-ok{background:#e6f2ea;color:var(--ok)}.badge-bad{background:#f8e4e2;color:var(--bad)}.badge-blue{background:#eef4fb;color:var(--blue)}.badge-warn{background:#faeede;color:var(--warn)}.badge-mut{background:#eef0f4;color:var(--mut)}.badge-navy{background:#e7e9f2;color:var(--navy)}.badge-pur{background:#f1ecfa;color:var(--pur)}.pager{display:flex;align-items:center;gap:6px;padding:11px 15px;font-size:13px;color:var(--mut);border-top:1px solid var(--line)}.pager .spacer{flex:1}.pg{border:1px solid var(--line-2);background:var(--card);border-radius:7px;padding:5px 10px;cursor:pointer;font-size:13px;font-family:inherit}.pg:hover{border-color:var(--gold)}.pg.on{background:var(--navy);color:#fff;border-color:var(--navy)}.pg:disabled{opacity:.4;cursor:default}@keyframes shimmer{0%{background-position:-700px 0}to{background-position:700px 0}}.skeleton{border-radius:6px;background:linear-gradient(90deg,#eceef2 25%,#f5f6f9,#eceef2 75%);background-size:700px 100%;animation:shimmer 1.4s infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--mut);gap:10px}.empty-state-title{font-size:15px;font-weight:600;color:var(--mut)}.mask{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#14192d73;z-index:50;align-items:center;justify-content:center;padding:16px}.mask.open{display:flex}.modal{background:var(--card);border-radius:14px;width:100%;max-width:450px;box-shadow:0 20px 50px #0000004d;overflow:hidden;max-height:92vh;display:flex;flex-direction:column}.modal-head{padding:14px 16px;border-bottom:1px solid var(--line);font-weight:700;font-size:16px;display:flex;justify-content:space-between;align-items:center}.modal-body{padding:6px 16px 14px;overflow-y:auto}.modal-foot{padding:12px 16px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;background:#fafbfd}.btn-close{border:none;background:none;font-size:20px;color:var(--mut);cursor:pointer;line-height:1;padding:0 4px}.field{margin:12px 0}.field label{display:block;font-size:12.5px;color:var(--mut);margin-bottom:4px;font-weight:600}.field-hint{font-size:12.5px;color:var(--mut);margin-top:4px}.req{color:var(--bad)}.err-box{background:#f8e4e2;border:1px solid #e8bdb7;border-radius:10px;padding:11px 12px;font-size:13.5px;color:#8d2f24;margin:10px 0}.err-box-title{display:block;font-size:14px;font-weight:700;margin-bottom:3px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding:0 15px;background:#fafbfd;flex-wrap:wrap}.tab-btn{border:none;background:none;padding:12px 14px;font-size:14px;font-weight:700;color:var(--mut);cursor:pointer;border-bottom:3px solid transparent;font-family:inherit;white-space:nowrap}.tab-btn.active{color:var(--navy);border-bottom-color:var(--gold)}.tabpane{display:none;padding:14px 15px}.tabpane.active{display:block}.prof-head{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}.prof-name{font-size:22px;font-weight:800;margin:0}.prof-code{font-family:Consolas,monospace;color:var(--mut);font-size:14px;margin-top:2px}.cols{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.col-l{width:340px;flex-shrink:0}.col-r{flex:1;min-width:400px}.kv{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:14px}.kv span{color:var(--mut);flex-shrink:0}.kv b{font-weight:600;text-align:right}.kv:last-child{border:none}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:var(--line)}.tl-item{position:relative;padding:0 0 16px}.tl-dot{position:absolute;left:-21px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--gold);border:2px solid #fff;box-shadow:0 0 0 2px var(--line)}.tl-dot.ok{background:var(--ok)}.tl-dot.note{background:var(--mut)}.tl-dot.blue{background:var(--blue)}.tl-title{font-size:14px;font-weight:600}.tl-meta{font-size:12.5px;color:var(--mut);margin-top:2px}.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line-2);border-radius:20px;padding:5px 11px;font-size:13px;background:var(--card);margin:0 5px 6px 0;cursor:pointer;font-family:inherit;color:var(--ink)}.chip.active{background:var(--gold-soft);border-color:var(--gold);color:var(--gold-d);font-weight:700}.sub2{font-size:12.5px;color:var(--mut);margin-top:2px;white-space:normal;max-width:260px}.spacer{flex:1}.text-mut{color:var(--mut)}.text-bad{color:var(--bad)}.text-ok{color:var(--ok)}