@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cd79e1ff94fa521b-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/89362aa296165c6d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e11f95d95ac59fa4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/00f4982f357db61e-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/62a3c74fa0e47362-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8201559e247ad180-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2173e4bb28c315da-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c6f81e539d11fc99-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/25ab8995c98996d7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9ddf1512dbee9c99-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8247d8d2a376ae43-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e270c9fc4fe96f5a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Be Vietnam Pro Fallback;src:local("Arial");ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.00%;size-adjust:110.36%}.__className_021202{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.__variable_021202{--font-be-vietnam:"Be Vietnam Pro","Be Vietnam Pro Fallback"}:root{--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-300:#5eead4;--teal-400:#2dd4bf;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a;--sidebar:#0f172a;--sidebar-hover:#1e293b;--bg:#f6f7f9;--surface:#ffffff;--surface-2:#f8fafc;--line:#eef0f3;--border:#cbd5e1;--border-soft:#e2e8f0;--muted-bg:#f1f5f9;--text:#0f172a;--text-2:#334155;--text-3:#475569;--text-muted:#64748b;--text-faint:#94a3b8;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--info:#2563eb;--radius:8px;--radius-card:12px;--shadow-card:0 1px 2px rgba(15,23,42,0.06),0 4px 12px rgba(15,23,42,0.05);--shadow-pop:0 12px 32px rgba(15,23,42,0.16),0 2px 6px rgba(15,23,42,0.08);--ring:0 0 0 3px var(--teal-100);--sidebar-w:240px;--font:var(--font-be-vietnam),"Be Vietnam Pro",system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font);font-size:14px;line-height:20px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--teal-700);text-decoration:none}a:hover{color:var(--teal-800)}h1,h2,h3{margin:0}button{font-family:inherit}:focus-visible{outline:2px solid var(--teal-700);outline-offset:2px}.display{font-size:32px;line-height:40px}.display,.h1{font-weight:700}.h1{font-size:24px;line-height:32px}.h2{font-size:20px;line-height:28px;font-weight:700}.h3{font-size:16px;line-height:24px;font-weight:600}.cap{font-size:12px;line-height:16px}.cap,.cap-14{color:var(--text-muted)}.cap-14{font-size:14px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.4px;color:var(--text-muted);text-transform:uppercase}.num{text-align:right}.num,.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mono{font-family:var(--mono)}.strong{font-weight:600}.muted{color:var(--text-muted)}.danger-text{color:#b91c1c}.warn-text{color:#b45309}.ok-text{color:#166534}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--radius);border:0;font:600 14px/1 var(--font);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color .12s ease}.btn-p{background:var(--teal-700);color:#fff}.btn-p:hover{background:var(--teal-800);color:#fff}.btn-p:active{background:var(--teal-900)}.btn-t{background:var(--teal-100)}.btn-t,.btn-t:hover{color:var(--teal-700)}.btn-t:hover{background:var(--teal-200)}.btn-g{background:transparent;color:var(--text-3)}.btn-g:hover{background:var(--muted-bg);color:var(--text-3)}.btn-d{background:var(--danger);color:#fff}.btn-d:hover{background:#b91c1c;color:#fff}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-xs{height:28px;padding:0 8px;font-size:13px}.btn-lg{height:48px;padding:0 20px;font-size:15px}.btn-xl{height:56px;font-size:16px}.btn-block{width:100%}.btn-icon{width:40px;padding:0}.btn[aria-disabled=true],.btn[disabled]{background:var(--border-soft);color:var(--text-faint);cursor:not-allowed}.ib{width:40px;height:40px;border-radius:var(--radius);border:0;background:transparent;color:var(--text-3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;flex:none}.ib:hover{background:var(--muted-bg)}.card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.card-pad{padding:24px}.card-pad-sm{padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-head h2{font-size:16px;font-weight:600}.card-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;flex-wrap:wrap}.inp{height:40px;border:1px solid var(--border);border-radius:var(--radius);padding:0 12px;font:400 14px var(--font);color:var(--text);background:#fff;width:100%}.inp:focus{outline:none;border-color:var(--teal-700);box-shadow:var(--ring)}.inp.err{border-color:var(--danger);box-shadow:0 0 0 3px #fee2e2}.inp[disabled]{background:var(--muted-bg);color:var(--text-muted)}textarea.inp{height:96px;padding:10px 12px;resize:vertical;line-height:20px}select.inp{padding-right:32px}.inp-right{text-align:right}.lbl{display:block;font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:6px}.field-err{color:var(--danger)}.field-err,.field-hint{font-size:12px;margin-top:6px}.field-hint{color:var(--text-muted)}.search{position:relative}.search>svg{position:absolute;left:12px;top:11px;color:var(--text-muted);pointer-events:none}.search>.inp{padding-left:40px}.check{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);cursor:pointer}.check input{accent-color:var(--teal-700);width:16px;height:16px;margin:0}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.span-2{grid-column:span 2}.span-all{grid-column:1/-1}.choice{display:flex;gap:12px;padding:14px;border-radius:10px;cursor:pointer;text-align:left;box-shadow:0 0 0 1px var(--border-soft);background:#fff;border:0;font:inherit;color:inherit;width:100%}.choice:hover{box-shadow:0 0 0 1px var(--teal-400)}.choice.on{box-shadow:0 0 0 2px var(--teal-700);background:var(--teal-50)}.choice.disabled{color:var(--text-faint);cursor:not-allowed}.choice.disabled:hover{box-shadow:0 0 0 1px var(--border-soft)}.choice input{accent-color:var(--teal-700);margin-top:3px}.chip{height:36px;padding:0 14px;border-radius:999px;border:0;cursor:pointer;font:500 13px var(--font);background:var(--muted-bg);color:var(--text-2)}.chip.on{background:var(--teal-700);color:#fff}.seg{display:inline-flex;background:var(--line);border-radius:var(--radius);padding:3px;gap:2px}.seg button{height:28px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--text-3);font:600 13px var(--font);cursor:pointer;white-space:nowrap}.seg button[aria-selected=true]{background:#fff;color:var(--text);box-shadow:0 1px 2px rgba(15,23,42,.08)}.bdg{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1}.bdg:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.bdg.plain:before{display:none}.s-rec{background:#cffafe;color:#155e75}.s-dia{background:#dbeafe;color:#1e40af}.s-quo{background:#fef3c7;color:#92400e}.s-rej{background:#ffe4e6;color:#9f1239}.s-rep{background:#e0e7ff;color:#3730a3}.s-wai{background:#ffedd5;color:#9a3412}.s-out{background:#f3e8ff;color:#6b21a8}.s-rdy{background:#dcfce7;color:#166534}.s-del{background:#e2e8f0;color:#334155}.s-can{background:#f1f5f9;color:#64748b}.s-urg{background:#fee2e2;color:#b91c1c}.s-neu{background:#f1f5f9;color:#334155}.table-wrap{overflow-x:auto}.t{width:100%;border-collapse:collapse}.t th{text-align:left;font-size:12px;font-weight:600;color:var(--text-muted);height:40px;background:var(--surface-2)}.t td,.t th{padding:0 16px;border-bottom:1px solid var(--line);white-space:nowrap}.t td{height:48px}.t td.wrap{white-space:normal;padding-top:10px;padding-bottom:10px}.t tbody tr:hover td{background:var(--surface-2)}.t tbody tr.clickable{cursor:pointer}.t td.num,.t th.num{text-align:right}.t .ellipsis{max-width:220px;overflow:hidden;text-overflow:ellipsis}.code-link{font-weight:600}.empty{padding:48px 16px;text-align:center;color:var(--text-muted)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--teal-100);color:var(--teal-700);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex:none}.avatar-lg{width:40px;height:40px;font-size:14px}.shell{min-height:100vh}.sb,.shell{display:flex}.sb{width:var(--sidebar-w);flex:none;background:var(--sidebar);color:#cbd5e1;padding:20px 12px;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sb-brand{gap:10px;padding:4px 12px 20px}.logo,.sb-brand{display:flex;align-items:center;color:#fff}.logo{width:32px;height:32px;border-radius:8px;background:var(--teal-700);justify-content:center;font-weight:700;font-size:13px;flex:none}.nav{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:var(--radius);color:#cbd5e1;font-size:14px;font-weight:500}.nav:hover{background:var(--sidebar-hover);color:#fff}.nav.on{background:var(--teal-700);color:#fff}.grp{color:var(--text-faint);padding:16px 12px 6px;letter-spacing:.6px}.cnt,.grp{font-size:11px;font-weight:600}.cnt{margin-left:auto;background:var(--sidebar-hover);color:#e2e8f0;border-radius:999px;padding:2px 8px;line-height:16px}.nav.on .cnt{background:rgba(255,255,255,.2)}.cnt.alert{background:var(--danger);color:#fff}.sb-user{margin-top:auto;padding:16px 12px 0;position:relative}.sb-user,.sb-user button{display:flex;align-items:center;gap:10px}.sb-user button{background:transparent;border:0;color:inherit;cursor:pointer;padding:0;text-align:left;width:100%}.main{flex:1 1 auto;min-width:0;flex-direction:column}.main,.top{display:flex}.top{min-height:64px;background:#fff;align-items:center;gap:12px;padding:12px 24px;box-shadow:0 1px 0 var(--line);flex-wrap:wrap;position:-webkit-sticky;position:sticky;top:0;z-index:10}.top h1{font-size:20px;font-weight:700;margin-right:8px}.crumbs{font-size:13px}.crumbs,.crumbs a{color:var(--text-muted)}.crumbs strong{color:var(--text);font-weight:600}.page{padding:24px;display:flex;flex-direction:column;gap:16px;width:100%;min-width:0}.spacer{flex:1 1}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.col{flex-direction:column}.col,.split{display:flex;gap:16px}.split{flex-wrap:wrap;align-items:flex-start}.split>.grow{flex:999 1 560px;flex-direction:column}.split>.grow,.split>.side{min-width:0;display:flex;gap:16px}.split>.side{flex:1 1 320px;flex-direction:column}.kv{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.kv>:first-child{color:var(--text-muted)}.divider{height:1px;background:var(--line)}.banner{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:10px;font-size:13px}.banner.warn{background:#fffbeb;color:#78350f}.banner.danger{background:#fef2f2;color:#7f1d1d}.banner.info{background:#eff6ff;color:#1e3a8a}.banner.ok{background:var(--teal-50);color:var(--teal-900)}.pills{display:flex;gap:4px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:8px;border:0;cursor:pointer;font:600 13px var(--font);background:#fff;color:var(--text-2);box-shadow:0 1px 2px rgba(15,23,42,.06)}.pill .n{font-size:11px;padding:1px 7px;border-radius:999px;background:var(--muted-bg);color:var(--text-muted)}.pill[aria-selected=true]{background:var(--teal-700);color:#fff}.pill[aria-selected=true] .n{background:rgba(255,255,255,.2);color:#fff}.pop{position:absolute;z-index:30;background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-pop);overflow:hidden}.menu{min-width:220px;padding:4px}.menu a,.menu button{display:flex;width:100%;align-items:center;gap:10px;text-align:left;height:36px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--text);font:500 14px var(--font);cursor:pointer}.menu a:hover,.menu button:hover{background:var(--muted-bg)}.menu button[disabled]{color:var(--text-faint);cursor:not-allowed;background:transparent}.overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:64px 16px;overflow-y:auto}.dialog{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-pop);width:100%;max-width:560px}.dialog.wide{max-width:880px}.dialog-head{display:flex;align-items:center;gap:12px;padding:20px 24px 12px}.dialog-head h2{font-size:18px;font-weight:700;flex:1 1 auto}.dialog-body{padding:8px 24px 20px;display:flex;flex-direction:column;gap:16px}.dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;background:var(--surface-2);border-radius:0 0 var(--radius-card) var(--radius-card)}.toasts{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;flex-direction:column;gap:8px}.toast{min-width:280px;max-width:420px;padding:12px 16px;border-radius:10px;background:var(--sidebar);color:#fff;box-shadow:var(--shadow-pop);font-size:14px;display:flex;gap:10px;align-items:flex-start}.toast.error{background:#7f1d1d}.toast .code{display:block;font-family:var(--mono);font-size:11px;opacity:.7;margin-top:2px}.ph-img{border-radius:8px;background:repeating-linear-gradient(45deg,#eef0f3 0 8px,#f6f7f9 8px 16px);display:flex;align-items:flex-end;padding:6px;font-size:11px;color:var(--text-3);position:relative;overflow:hidden}.ph-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.qr{border-radius:8px;background:conic-gradient(#0f172a 25%,#fff 0 50%,#0f172a 0 75%,#fff 0) 0 0 /16px 16px;box-shadow:inset 0 0 0 6px #fff,0 0 0 1px var(--border-soft);flex:none}.bar-track{flex:1 1;background:var(--muted-bg);overflow:hidden}.bar-fill,.bar-track{height:8px;border-radius:999px}.bar-fill,.step-dot{background:var(--teal-700)}.step-dot{width:24px;height:24px;border-radius:50%;color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center;flex:none}.section-title{font-size:16px;font-weight:600;display:flex;gap:10px;align-items:center;margin-bottom:16px}.skeleton{background:linear-gradient(90deg,#eef0f3 25%,#f6f7f9 50%,#eef0f3 75%);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:6px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-side{background:var(--sidebar);color:#cbd5e1;padding:48px;display:flex;flex-direction:column;gap:24px}.auth-main{display:flex;align-items:center;justify-content:center;padding:48px 24px}.auth-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-side{display:none}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.qty-btn{width:30px;height:32px;border:0;background:transparent;cursor:pointer;color:var(--text-3);font-size:16px}.qty-btn:disabled{color:var(--border);cursor:not-allowed}.detail-panel{flex:1 1 380px;min-width:0;padding:20px;display:flex;flex-direction:column;gap:16px;position:-webkit-sticky;position:sticky;top:88px;max-height:calc(100vh - 104px);overflow-y:auto}.t tbody tr.selected td{background:var(--teal-50)}.t tbody tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--teal-700)}.sn-chip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border-radius:6px;background:var(--teal-50);color:var(--teal-800);font:600 12px var(--mono)}.sn-chip.dup{background:#fee2e2;color:#b91c1c}.sn-chip button{border:0;background:transparent;color:inherit;cursor:pointer;padding:0;font-size:14px;line-height:1}