:root{--brand-900:#0b342f;--brand-800:#0e4640;--brand-700:#0a6e66;--brand-600:#0c8a80;--brand-500:#2ab0a6;--brand-050:#e3f3f0;--accent:#f2a63c;--accent-600:#e4922a;--accent-050:#fdf1df;--bg:#f6f4ef;--card:#ffffff;--border:#e6dfd3;--text:#14313a;--muted:#5e6e72;--danger:#d84a3b;--danger-bg:#fdeceb;--ok:#1f9d57;--shadow:0 1px 2px rgba(11,52,47,.06),0 4px 12px rgba(11,52,47,.05);--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:var(--brand-600);text-decoration:none}a:hover{text-decoration:underline}.site-header{background:linear-gradient(90deg,var(--brand-900),var(--brand-700));color:#fff;box-shadow:var(--shadow);position:-webkit-sticky;position:sticky;top:0;z-index:50}.site-header .inner{max-width:1080px;margin:0 auto;padding:0 24px;height:60px;gap:28px}.brand,.site-header .inner{display:flex;align-items:center}.brand{gap:11px;font-weight:700;font-size:18px;color:#fff;letter-spacing:.5px}.brand:hover{text-decoration:none}.brand .brand-logo{width:38px;height:38px;border-radius:50%;background:#fff;object-fit:cover;box-shadow:0 0 0 2px rgba(255,255,255,.25)}.brand .brand-accent{color:var(--accent)}.nav-links{display:flex;gap:6px;margin-left:auto}.nav-links a{color:rgba(255,255,255,.88);padding:7px 14px;border-radius:8px;font-weight:500}.nav-links a:hover{background:rgba(255,255,255,.14);text-decoration:none;color:#fff}.nav-user{color:rgba(255,255,255,.9);font-weight:600;padding:7px 4px 7px 12px}.navbtn{background:rgba(255,255,255,.14);color:#fff;border:none;padding:7px 14px;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;font-family:inherit}.navbtn:hover{background:rgba(255,255,255,.26)}.app-shell{display:flex;min-height:100vh;align-items:stretch}.sidebar{width:236px;flex-shrink:0;background:linear-gradient(180deg,var(--brand-900),var(--brand-800));color:#fff;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar .brand{padding:18px 16px;font-size:16px;border-bottom:1px solid rgba(255,255,255,.1)}.side-nav{display:flex;flex-direction:column;gap:4px;padding:12px 10px;flex:1 1;overflow-y:auto}.side-nav a{display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.86);padding:10px 12px;border-radius:9px;font-weight:500}.side-nav a:hover{background:rgba(255,255,255,.12);color:#fff;text-decoration:none}.side-nav a.active{background:rgba(255,255,255,.18);color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}.side-nav .ico{width:20px;text-align:center;font-size:15px}.side-foot{padding:14px;border-top:1px solid rgba(255,255,255,.1)}.side-user{display:flex;flex-direction:column;margin-bottom:10px}.side-user .nm{font-weight:600}.side-user .side-role{font-size:11px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.4px}.side-foot .navbtn{width:100%;text-align:center}.app-content{flex:1 1;min-width:0}.side-toggle{position:fixed;top:50%;left:236px;transform:translateY(-50%);z-index:60;width:22px;height:54px;margin-left:-1px;display:flex;align-items:center;justify-content:center;background:var(--brand-800);color:#fff;border:none;border-radius:0 8px 8px 0;cursor:pointer;box-shadow:2px 0 6px rgba(0,0,0,.18);font-size:17px;line-height:1;transition:left .15s ease,background .15s ease}.side-toggle:hover{background:var(--brand-900)}.side-toggle:after{content:"‹"}body.sidebar-collapsed .sidebar{display:none}body.sidebar-collapsed .side-toggle{left:0}body.sidebar-collapsed .side-toggle:after{content:"›"}@media (max-width:760px){.side-toggle{display:none}}.drawer-close,.mbar,.mbar-backdrop{display:none}@media (max-width:760px){.mbar{display:flex;align-items:center;gap:10px;position:-webkit-sticky;position:sticky;top:0;z-index:70;height:56px;padding:0 12px;background:var(--brand-900);color:#fff}.mbar-burger{background:none;border:0;color:#fff;cursor:pointer;font-size:22px;line-height:1;padding:8px 10px;margin-left:-6px}.mbar-title{flex:1 1;min-width:0;font-size:16px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mbar-bell{flex:0 0 auto}.mbar-bell .notif-label{display:none}.app-shell{flex-direction:column}.sidebar{position:fixed;top:0;left:0;bottom:0;width:84%;max-width:300px;height:100%;overflow-y:auto;z-index:90;transform:translateX(-100%);transition:transform .22s ease}body.sidebar-collapsed .sidebar{display:flex}body.drawer-open .sidebar{transform:translateX(0);box-shadow:4px 0 20px rgba(0,0,0,.35)}body.drawer-open{overflow:hidden}body.drawer-open .mbar-backdrop{display:block;position:fixed;inset:0;z-index:85;background:rgba(0,0,0,.45)}.side-nav{flex-direction:column;flex-wrap:nowrap}.sidebar .notif{display:none}.drawer-close{display:block;position:absolute;top:8px;right:8px;cursor:pointer;background:rgba(255,255,255,.14);border:0;color:#fff;width:34px;height:34px;border-radius:8px;font-size:15px}}main{max-width:1080px;margin:0 auto;padding:28px 24px 64px}main.wide{max-width:none}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}h1{font-size:24px;font-weight:700;color:var(--brand-900);margin:0 0 4px}h2{font-size:18px;font-weight:650;margin:0 0 12px}h2,h3{color:var(--brand-800)}h3{font-size:15px;font-weight:600;margin:18px 0 10px}.subtitle{color:var(--muted);margin:0}.back-link{display:inline-block;color:var(--muted);font-size:13px;margin-bottom:6px}.back-link:hover{color:var(--brand-600)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:20px}.card-tight{padding:14px 16px}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:9px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;background:#e2e8f0;color:var(--text);transition:filter .12s ease,background .12s ease;line-height:1}.btn,.btn:hover{text-decoration:none}.btn:hover{filter:brightness(.97)}.btn-primary{background:var(--brand-600);color:#fff}.btn-primary:hover{background:var(--brand-700);color:#fff}.btn-accent{background:var(--accent);color:#3a2604}.btn-accent:hover{background:var(--accent-600);color:#3a2604}.btn-outline{background:#fff;border-color:var(--border);color:var(--brand-700)}.btn-outline:hover{background:var(--brand-050)}.btn-success{background:var(--ok);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--muted);padding:6px 10px}.btn-ghost:hover{background:#f1f5f9}.btn-sm{padding:6px 11px}.btn-sm,label{font-size:13px}label{display:block;font-weight:500;color:var(--muted);margin-bottom:5px}input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:9px;font-size:14px;font-family:inherit;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px rgba(59,130,246,.16)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px}.field{margin-bottom:0}.form-grid .field{display:flex;flex-direction:column}.form-grid .field>.datevn,.form-grid .field>input,.form-grid .field>select,.form-grid .field>textarea{margin-top:auto}.datevn{position:relative;display:flex;align-items:stretch}.datevn>input[type=text]{flex:1 1;padding-right:38px}.datevn-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;font-size:17px;line-height:1;padding:4px;border-radius:6px}.datevn-btn:hover{background:var(--bg,#eee)}.datevn-native{position:absolute;right:8px;bottom:0;width:1px;height:1px;padding:0;margin:0;border:0;opacity:0;pointer-events:none}.ngaygiovn{display:grid;grid-template-columns:minmax(0,1fr) 88px;grid-gap:8px;gap:8px}.ngaygiovn>*{min-width:0}.form-grid .field>.giovn,.form-grid .field>.ngaygiovn{margin-top:auto}.giovn{width:100%}.form-actions{margin-top:18px;display:flex;gap:10px;position:-webkit-sticky;position:sticky;bottom:0;z-index:10;padding:12px 0;margin-bottom:-12px;background:linear-gradient(to top,var(--bg) 70%,transparent)}.toast{position:fixed;bottom:20px;right:20px;z-index:100;background:#16a34a;color:#fff;padding:12px 18px;border-radius:10px;box-shadow:var(--shadow);font-weight:600;animation:toastIn .2s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.alert-error{background:var(--danger-bg);border:1px solid #fecaca;color:var(--danger);padding:10px 14px;border-radius:9px;margin-bottom:16px;font-size:14px}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}table.table{width:100%;border-collapse:collapse;font-size:14px}table.table-nowrap td,table.table-nowrap th{white-space:nowrap}table.table thead th{text-align:left;background:#f8fafc;color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px}table.table tbody td,table.table thead th{padding:11px 14px;border-bottom:1px solid var(--border)}table.table tbody td{vertical-align:middle}table.table tbody tr:last-child td{border-bottom:none}table.table tbody tr:hover{background:#f8fafc}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace}.cell-actions{white-space:nowrap;display:flex;gap:6px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;flex-direction:column;background:var(--brand-050);border:1px solid #dbeafe;border-radius:10px;padding:8px 14px;min-width:96px}.chip .k{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.chip .v{font-size:16px;font-weight:700;color:var(--brand-800)}.route{display:inline-flex;align-items:center;gap:7px;font-weight:600}.route .arrow{color:var(--accent);font-weight:700}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.badge-slate{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.badge-blue{background:#eff6ff;color:#1d4ed8;border-color:#dbeafe}.badge-indigo{background:#eef2ff;color:#4338ca;border-color:#e0e7ff}.badge-cyan{background:#ecfeff;color:#0e7490;border-color:#cffafe}.badge-amber{background:#fffbeb;color:#b45309;border-color:#fde68a}.badge-green{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.badge-red{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.timeline{list-style:none;padding:0;margin:8px 0 0}.timeline li{position:relative;padding:0 0 18px 26px;border-left:2px solid var(--border)}.timeline li:last-child{border-left-color:transparent;padding-bottom:0}.timeline li:before{content:"";position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--brand-600);border:2px solid #fff;box-shadow:0 0 0 2px var(--brand-050)}.timeline .t-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.timeline .t-meta{color:var(--muted);font-size:13px;margin-top:3px}.hero-banner{display:block;width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:26px}.hero{text-align:center;padding:6px 0 8px}.hero h1{font-size:28px}.chip-orange{background:var(--accent-050);border-color:#ffd9c2}.chip-orange .v{color:var(--accent-600)}.site-footer{background:var(--brand-900);color:rgba(255,255,255,.82);margin-top:20px}.site-footer .inner{max-width:1080px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px}.site-footer .fbrand{font-weight:700;color:#fff;letter-spacing:.5px}.site-footer .fbrand span{color:var(--accent)}.site-footer .hotline{margin-left:auto}.site-footer .hotline b{color:#fff;font-size:16px}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:18px;gap:18px}.home-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;transition:transform .12s ease,box-shadow .12s ease}.home-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,42,.1);text-decoration:none}.home-card .icon{font-size:26px}.home-card .t{font-size:17px;font-weight:700;color:var(--brand-800);margin:8px 0 4px}.home-card .d{color:var(--muted);font-size:14px}.grid-bar{align-items:center;margin-bottom:8px}.grid-size{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.grid-size select{width:auto;padding:4px 8px}.col-chooser-bar{position:relative;display:flex;justify-content:flex-end}th.th-sort{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}th.th-sort:hover{background:#eef2f7}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;font-size:14px;color:var(--text)}.filterbar-head{display:flex;justify-content:flex-end;margin-bottom:6px}.cell-truncate{display:inline-block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;cursor:help}.pick-info{margin-top:8px;padding:8px 10px;font-size:13px;line-height:1.5;background:#f0f7ff;border:1px solid #cfe4fb;border-radius:8px;color:var(--text)}.pick-info>div{display:block}.pick-info-row{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.pick-info-row>span{display:inline-flex;align-items:center}.col-chooser{position:absolute;top:100%;right:0;z-index:20;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:10px 12px;min-width:230px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin:6px 0 18px}.kpi-card{background:#fff;border:1px solid var(--border);border-top:4px solid var(--brand-600);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow)}.kpi-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:600}.kpi-icon{font-size:16px}.kpi-val{font-size:28px;font-weight:800;margin-top:8px;letter-spacing:-.02em}.dash-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}.dash-grid-2>.card{margin:0}.chart-wrap{width:100%;overflow-x:auto}.bar-chart{height:auto;min-width:320px}.bar-chart .bar-val{font-size:11px;fill:var(--text);font-weight:600}.bar-chart .bar-lbl{font-size:11px;fill:var(--muted)}.chart-empty{color:var(--muted);font-size:14px;padding:40px 0;text-align:center}.ctry-list{display:flex;flex-direction:column;gap:8px}.ctry-row{display:grid;grid-template-columns:130px 1fr 90px;align-items:center;grid-gap:10px;gap:10px;font-size:13px}.ctry-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctry-bar{background:#eef2f7;border-radius:6px;height:14px;overflow:hidden}.ctry-bar>span{display:block;height:100%;background:#12b886;border-radius:6px}.ctry-num{text-align:right;color:var(--muted);white-space:nowrap}@media (max-width:900px){.kpi-row{grid-template-columns:repeat(2,1fr)}.dash-grid-2{grid-template-columns:1fr}.ctry-row{grid-template-columns:110px 1fr 70px}}.col-chooser-hint{font-size:11px;color:var(--muted);margin-bottom:2px}.col-opt{justify-content:space-between;gap:10px;margin:0;font-weight:500;color:var(--text)}.col-opt,.col-opt-label{display:flex;align-items:center}.col-opt-label{gap:8px;cursor:pointer;flex:1 1;min-width:0}.col-opt-label input{width:auto}.col-opt-move{display:flex;gap:2px;flex:0 0 auto}.btn-xs{padding:1px 6px;font-size:12px;line-height:1.4;min-width:0}.btn-xs:disabled{opacity:.3;cursor:default}.commodity-picker{margin-top:14px}.commodity-picker>label{display:block;font-weight:600;font-size:13px;margin-bottom:8px;color:var(--text)}.commodity-row{display:grid;grid-template-columns:1fr minmax(140px,240px) 34px;align-items:center;grid-gap:10px;gap:10px;margin-bottom:8px}.commodity-row select{min-width:0}.commodity-hs{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.piece-weights{margin-top:14px}.piece-weights>label{display:block;font-weight:600;font-size:13px;margin-bottom:8px;color:var(--text)}.pw-item{border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:10px;max-width:1000px;background:var(--card,#fff)}.pw-item-body{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:20px;gap:20px;margin-top:10px;align-items:start}.pw-comms-lbl{display:block;margin-bottom:6px}@media (max-width:760px){.pw-item-body{grid-template-columns:1fr}}.pw-item-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pw-item-head .pw-idx{font-size:13px;color:var(--muted);font-weight:700;min-width:48px}.pw-item-head input{width:58px;min-width:0;padding:5px 7px}.pw-item-head input.pw-kg{width:74px}.pw-meta,.pw-x{color:var(--muted);font-size:12px}.pw-meta{white-space:nowrap;margin-left:auto}.pw-sub{display:flex;align-items:flex-end;gap:14px;margin-top:10px;flex-wrap:wrap}.pw-f{display:flex;flex-direction:column;gap:4px}.pw-f-lbl{font-size:12px;font-weight:600;color:var(--muted)}.pw-f.hl .pw-f-lbl{color:var(--accent-600)}.pw-sub-lbl{font-size:12px;color:var(--muted)}.pw-hawb-tag{display:inline-block;font-size:13px;font-weight:700;font-family:ui-monospace,monospace;color:var(--text);background:#eef2f7;border-radius:6px;padding:6px 9px}.pw-in{width:150px;max-width:100%;padding:7px 9px}.pw-in.pw-bag2{width:120px;font-weight:700;border-color:var(--accent);background:var(--accent-050)}.pw-in.pw-dpd2{width:190px}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.two-col>.card{margin:0}@media (max-width:720px){.two-col{grid-template-columns:1fr}}.pw-comms{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.pw-comm-row{display:flex;align-items:center;gap:8px;width:100%}.pw-comm-row select{flex:1 1;min-width:0}.pw-hs{font-size:12px;color:var(--muted);white-space:nowrap;min-width:56px}.pw-foot{display:flex;align-items:center;gap:14px;margin-top:8px;font-size:13px;flex-wrap:wrap}.collapse-card>.collapse-head{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;cursor:pointer;padding:0;margin:0 0 4px;text-align:left;color:inherit}.collapse-card>.collapse-head h2{margin:0}.collapse-caret{color:var(--muted);font-size:13px;width:14px;flex:0 0 auto}.collapse-hint{margin-left:auto;font-size:12px;color:var(--muted);font-weight:400}.collapse-head:hover .collapse-hint{text-decoration:underline}.collapse-body.collapsed{display:none}.nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:999px;justify-content:center}.chk,.nav-badge{display:inline-flex;align-items:center}.chk{gap:8px;font-weight:500}.chk input{width:auto}.site-banner-preview{margin-bottom:8px}.site-banner-preview img{max-width:320px;max-height:130px;border-radius:8px;border:1px solid var(--border);display:block;margin-bottom:6px;object-fit:cover}.price-new input{background:var(--accent-050)}.commodity-row .btn{justify-self:center}@media (max-width:560px){.commodity-row{grid-template-columns:1fr 34px}.commodity-hs{grid-column:1/-1}}.status-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.status-tab{padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--border);color:var(--text);font-weight:500;font-size:14px}.status-tab:hover{background:var(--brand-050);text-decoration:none}.status-tab.active{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.status-tab .cnt{opacity:.7;font-size:12px;margin-left:3px}.filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.filter-bar .field{margin:0;min-width:150px;flex:1 1}.filter-actions{display:flex;gap:8px}.notif{position:relative;padding:0 14px 6px}.notif-btn{position:relative;display:flex;align-items:center;gap:8px;width:100%;background:rgba(255,255,255,.1);border:0;color:#fff;cursor:pointer;padding:8px 12px;border-radius:8px;font-size:14px;text-align:left}.notif-btn:hover{background:rgba(255,255,255,.18)}.notif-ico{font-size:15px}.notif-badge{margin-left:auto;background:#e5484d;color:#fff;border-radius:10px;font-size:11px;font-weight:700;padding:1px 7px;min-width:18px;text-align:center}.notif-pop{position:absolute;left:14px;top:100%;z-index:200;width:300px;max-width:78vw;max-height:62vh;overflow:auto;background:#fff;color:#1a1a1a;border-radius:10px;box-shadow:0 10px 34px rgba(0,0,0,.28);border:1px solid #e6e6e6}.notif-head{font-weight:700;padding:10px 14px;border-bottom:1px solid #eee;font-size:14px}.notif-empty{padding:18px 14px;color:var(--muted);font-size:14px;text-align:center}.notif-item{display:block;padding:10px 14px;border-bottom:1px solid #f2f2f2;text-decoration:none;color:#1a1a1a}.notif-item:hover{background:#f7f7f5}.notif-item.unread{background:#eef7f5}.notif-item.unread .notif-title{font-weight:600}.notif-title{font-size:13.5px;line-height:1.35}.notif-time{font-size:11.5px;color:var(--muted);margin-top:3px}body.sidebar-collapsed .notif-label{display:none}.form-subhead{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--brand-700)}.empty,.muted{color:var(--muted)}.empty{padding:24px;text-align:center}.stagemini{display:flex;flex-direction:column;gap:4px;min-width:130px}.stagemini-dots{display:flex;gap:3px}.stagemini-dots .sd{width:18px;height:5px;border-radius:3px;background:#e2e2e0}.sd.on{background:#94a3b8}.sd.on.s-packed{background:#3b82f6}.sd.on.s-priced{background:#f59e0b}.sd.on.s-approved{background:#22c55e}.sd.on.s-locked{background:#0c8a80}.stage-badge{font-size:11.5px;font-weight:600;padding:1px 8px;border-radius:10px;white-space:nowrap;width:-moz-fit-content;width:fit-content}.stage-badge.s-new{background:#eef1f4;color:#475569}.stage-badge.s-packed{background:#e7f0fe;color:#1d4ed8}.stage-badge.s-priced{background:#fef3e2;color:#b45309}.stage-badge.s-approved{background:#e7f7ec;color:#15803d}.stage-badge.s-locked{background:#e2f2f0;color:#0c8a80}.stage-chip{border-left:3px solid transparent}.stage-chip.s-new{border-left-color:#94a3b8}.stage-chip.s-packed{border-left-color:#3b82f6}.stage-chip.s-priced{border-left-color:#f59e0b}.stage-chip.s-approved{border-left-color:#22c55e}.stage-chip.s-locked{border-left-color:#0c8a80}.sum-chip.sum-mine{font-weight:600;border-color:var(--accent,#f2a63c)}.kienpeek-btn{background:var(--brand-050,#eef7f5);border:1px solid var(--border,#e2e2e0);color:var(--brand-700,#0c8a80);border-radius:8px;padding:3px 10px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.kienpeek-btn:hover{background:var(--brand-100,#dceeeb)}.modal-backdrop{position:fixed;inset:0;z-index:500;background:rgba(20,25,30,.5);display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:#fff;color:#1a1a1a;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.35);width:min(960px,96vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #eee;font-size:14px}.modal-x{background:none;border:0;font-size:20px;line-height:1;cursor:pointer;color:var(--muted);padding:4px 8px;border-radius:8px}.modal-x:hover{background:#f0f0ee}.modal-body{padding:14px 18px;overflow:auto}.modal-foot{padding:12px 18px;border-top:1px solid #eee;display:flex;justify-content:flex-end}.photo-uploader{background:var(--brand-050,#eef7f5);border:1px solid var(--border,#e6e6e6);border-radius:10px;padding:12px 14px;margin-bottom:12px}.photo-catpick{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px;font-size:14px}.photo-radio{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border:1px solid var(--border,#ddd);border-radius:20px;cursor:pointer;background:#fff}.photo-radio.on{border-color:var(--brand-600,#0c8a80);font-weight:600;color:var(--brand-700,#0c8a80)}.photo-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.photo-upload{cursor:pointer}.photo-cat{margin-top:12px}.photo-cat-title{font-size:14px;margin-bottom:6px}.photo-empty{margin:4px 0 0;font-size:13px}.photo-cats{gap:28px;align-items:flex-start}.photo-cats,.photo-grid{display:flex;flex-wrap:wrap}.photo-grid{gap:8px}td.clip{max-width:240px;overflow:hidden;text-overflow:ellipsis}td.clip,td.nowrap,th.nowrap{white-space:nowrap}.photo-item{position:relative;width:88px;height:88px;border-radius:10px;overflow:hidden;border:1px solid #e6e6e6;background:#f4f4f2}.photo-thumb{padding:0;border:none;background:none;cursor:zoom-in}.photo-item img,.photo-thumb{display:block;width:100%;height:100%}.photo-item img{object-fit:cover}.photo-lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}.photo-lightbox img{max-width:96vw;max-height:92vh;border-radius:8px;box-shadow:0 12px 48px rgba(0,0,0,.5);cursor:default}.photo-lightbox-x{position:fixed;top:16px;right:20px;width:40px;height:40px;border-radius:999px;border:none;background:rgba(255,255,255,.92);color:#111;font-size:18px;cursor:pointer}.photo-del{position:absolute;top:4px;right:4px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.photo-del:hover{background:rgba(200,40,40,.9)}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rowact{position:relative;display:inline-block}.rowact-btn{background:none;border:1px solid var(--border);border-radius:8px;width:34px;height:30px;cursor:pointer;font-size:18px;line-height:1;color:var(--muted);font-weight:700}.rowact-btn:hover{background:var(--bg);color:var(--text);border-color:var(--brand-500)}.rowact-menu{position:fixed;z-index:200;min-width:170px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px rgba(15,23,42,.16);padding:6px;display:flex;flex-direction:column;gap:2px}.rowact-item{display:block;text-align:left;padding:9px 12px;border-radius:7px;text-decoration:none;color:var(--text);font-size:14px;background:none;border:none;cursor:pointer;width:100%;font-family:inherit}.rowact-item:hover{background:var(--brand-050);color:var(--brand-700)}.rowact-item.danger{color:var(--danger)}.rowact-item.danger:hover{background:var(--danger-bg);color:var(--danger)}.sec-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sec-row input,.sec-row select{flex:1 1;min-width:0}.sec-item{border:1px solid var(--border);border-radius:8px;padding:10px;margin-bottom:10px}.sec-item .sec-row{margin-bottom:6px}.sec-num{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:13px}.sec-thumb{width:48px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--border);flex:0 0 auto}.sec-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);background:var(--bg)}.sec-item input[type=file]{margin-top:6px;font-size:12px}.mk-review-ava-img{object-fit:cover;padding:0}.sec-thumb-round{border-radius:50%;width:42px;height:42px;color:var(--brand-700)}.sec-thumb-round,.stage-now{font-size:15px;font-weight:700}.stage-now{color:var(--brand-700,#0f766e)}.stagebar{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.stagebar-step{flex:1 1;text-align:center;padding:8px 6px;font-size:12px;font-weight:600;color:var(--muted);border-right:1px solid var(--border)}.stagebar-step:last-child{border-right:0}.stagebar-step .n{display:block;font-size:10px;color:#9aa7ac}.stagebar-step.done{color:var(--brand-700);background:var(--brand-050)}.stagebar-step.now{color:#fff;background:var(--brand-600)}.stagebar-step.now .n{color:#dbe6ff}.ro-fieldset{border:0;margin:0;padding:0;min-width:0}.ro-fieldset[disabled]{opacity:.62}.collapse-lock{margin-left:auto;font-size:12px;font-weight:700;color:#9a6413;background:#fdf1df;padding:3px 10px;border-radius:6px}.role-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:8px;gap:8px;margin:4px 0 6px}.role-opt{display:flex;align-items:center;gap:9px;border:1.5px solid var(--border);border-radius:10px;padding:9px 12px;cursor:pointer}.role-opt.on{border-color:var(--brand-500);background:var(--brand-050)}.role-opt span{display:flex;flex-direction:column;line-height:1.25}.role-opt small{color:var(--muted);font-size:11.5px}.perm-matrix td,.perm-matrix th{vertical-align:middle}.perm-matrix input[type=checkbox]{width:17px;height:17px;cursor:pointer}.perm-group td{background:var(--brand-050);font-weight:700;color:var(--brand-800);font-size:12.5px;text-transform:uppercase;letter-spacing:.03em}.chk-row{display:inline-flex;align-items:center;gap:8px;width:max-content;font-weight:400;color:var(--text);cursor:pointer;margin:0}.chk-row input{width:16px;height:16px}input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:0;border-radius:3px;flex:0 0 auto}.role-opt{justify-content:flex-start}.track-kiens{display:grid;grid-gap:8px;gap:8px;margin:12px 0 20px}.track-kien{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 14px}.track-kien.matched{border-color:var(--accent);background:var(--accent-050)}.track-kien .lbl{color:var(--muted)}.track-kien .dpd{margin-left:auto;font-weight:700;color:var(--brand-600)}.track-kien .matched-tag{font-size:12px;font-weight:700;color:#9a6413}.track-journey{list-style:none;padding:0;margin:6px 0 0}.track-journey li{display:flex;gap:12px;align-items:center;padding:6px 0;color:var(--muted);font-size:14px}.track-journey li.done,.track-journey li.now{color:var(--text);font-weight:600}.track-journey .jdot{width:14px;height:14px;border-radius:50%;background:#cfd8d6;flex:0 0 auto}.track-journey li.done .jdot{background:var(--brand-600)}.track-journey li.now .jdot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-050)}.grid-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}.grid-summary{flex-wrap:wrap}.grid-summary,.grid-tools{display:flex;gap:8px;align-items:center}.grid-foot{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:13px;color:var(--muted);flex-wrap:wrap}.grid-foot .grid-size{display:inline-flex;align-items:center;gap:6px}.grid-foot .grid-size select{width:auto;padding:4px 8px}.grid-foot .pager{margin:0}.grid-cards{display:none}@media (max-width:640px){.grid-table{display:none}.grid-cards{display:flex;flex-direction:column;gap:10px}}.grid-card{border:1px solid var(--line,#e5e7eb);border-radius:10px;background:var(--card,#fff);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.grid-card-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:14px}.grid-card-lbl{color:var(--muted,#64748b);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;flex:0 0 auto}.grid-card-val{text-align:right;min-width:0;word-break:break-word}.grid-card-actions{margin-top:2px;display:flex;justify-content:flex-end}.sum-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:#fff;font-size:13px;font-weight:600;color:var(--text);text-decoration:none}.sum-chip:hover{border-color:var(--brand-500);text-decoration:none}.sum-chip b{color:var(--brand-700);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sum-chip.total{background:var(--brand-050);border-color:transparent}.sum-chip.on{border-color:var(--brand-600);background:var(--brand-050)}.filter-compact{display:flex;gap:8px;align-items:center}.filter-search{width:210px;padding:7px 11px}.filter-pop-wrap{position:relative}.filter-count{display:inline-block;margin-left:6px;background:var(--brand-600);color:#fff;border-radius:999px;padding:0 7px;font-size:11px;font-weight:700}.filter-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:30;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:14px;width:300px;display:none}.filter-pop.open{display:block}.filter-pop .field{margin-bottom:10px}.filter-pop .filter-actions{display:flex;gap:8px;margin-top:4px}.cpick{position:relative;margin-bottom:12px}.cpick-list{position:absolute;z-index:40;left:0;right:0;top:calc(100% - 18px);max-height:280px;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow,0 10px 30px rgba(0,0,0,.14))}.cpick-item{display:block;width:100%;text-align:left;padding:9px 13px;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;font-size:14px;color:var(--text)}.cpick-item:last-child{border-bottom:none}.cpick-item:hover{background:var(--accent-050)}.cpick-item b{font-weight:600}.cpick-sub{color:var(--muted);font-weight:400}.cpick-empty{padding:11px 13px;color:var(--muted);font-size:14px}.stage-jump{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border);display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.stage-jump label{margin:0;font-weight:600;color:var(--text)}.stage-jump select{width:auto;padding:5px 8px}.ap-select{padding:5px 8px;min-width:130px}.stage-badge.s-cancelled{background:var(--danger-bg);color:var(--danger);font-weight:700;border:1px solid #f3b0a8;padding:3px 9px;border-radius:999px;white-space:nowrap}.price-flat-cell.moc-nang{background:var(--danger-bg);border-color:#f3b0a8}.price-flat-cell.moc-vua{background:#fff5e2;border-color:var(--accent)}.price-flat-cell.moc-nhe{background:#fbfbe8;border-color:#e3e38f}.price-warn-do{color:#9b2c17;font-weight:600}.tt-wrap{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.tt-cot{flex:1 1;min-width:290px}.tt-qr{width:230px;text-align:center;flex-shrink:0}.tt-qr img{width:100%;height:auto;border:1px solid var(--border);border-radius:10px;background:#fff}.tt-qr .muted{font-size:12.5px;margin-top:6px;line-height:1.4}.tt-qr .tt-hd{margin-top:8px;text-align:left}@media (max-width:700px){.tt-qr{width:100%;max-width:260px;margin:6px auto 0}}.tt-card .tt-dong{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px dashed var(--border);flex-wrap:wrap}.tt-card .tt-dong:last-of-type{border-bottom:0}.tt-nhan{min-width:170px;color:var(--muted);font-size:13px}.tt-gt{flex:1 1;min-width:180px;font-weight:600;word-break:break-word}.tt-dam{font-size:19px;letter-spacing:.5px}@media (max-width:560px){.tt-nhan{min-width:100%}}.gc-repack{margin:6px 0 2px;padding:6px 9px;border-radius:7px;background:var(--danger-bg);border:1px solid #f3b0a8;color:#9b2c17;font-size:13px;line-height:1.45}.pw-moc{margin-top:8px;padding:8px 12px;border-radius:8px;background:#eef7ff;border:1px solid #bcdcff;color:#11446f;font-size:13px;line-height:1.5}.pw-moc-c{display:inline-block;margin-right:10px}.moc-box{margin-top:10px;padding:9px 12px;border-radius:9px;background:#eef7ff;border:1px solid #bcdcff;color:#11446f;font-size:13.5px;line-height:1.55}.moc-box b.moc-h{display:block;margin-bottom:2px}.moc-box li{margin:1px 0}.pw-oversize{margin-top:8px;padding:7px 11px;border-radius:8px;background:#fff5e2;border:1px solid var(--accent);color:#9a6413;font-size:13px;font-weight:600}.price-editor{display:flex;flex-direction:column;gap:14px}.price-ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;padding:8px 12px;border-radius:8px}.price-tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:stretch;border-bottom:2px solid var(--line,#e5e7eb);padding-bottom:0}.price-tab{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 14px;border:1px solid var(--line,#e5e7eb);border-bottom:none;border-radius:9px 9px 0 0;background:var(--surface-2,#f3f4f6);color:inherit;cursor:pointer;line-height:1.25}.price-tab b{font-size:14px}.price-tab span{font-size:11.5px;opacity:.7}.price-tab.on{background:var(--brand-600,#0d9488);border-color:var(--brand-600,#0d9488);color:#fff}.price-tab.on span{opacity:.9}.price-tab-add{justify-content:center;align-items:center;font-weight:600;border-style:dashed;background:transparent;color:var(--brand-600,#0d9488)}.price-route-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.price-two{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}@media (max-width:760px){.price-two{grid-template-columns:1fr}}.price-stack{display:flex;flex-direction:column;gap:22px}.price-legend{background:#f0fdfa;border:1px solid #99f6e4;color:#115e59;padding:8px 12px;border-radius:8px;font-size:13px;line-height:1.5;margin-bottom:16px}.price-sub h4{margin:0 0 10px;font-size:14px}.price-h4-note{font-weight:400;font-size:12px;color:var(--muted,#64748b)}.price-range{display:inline-flex;align-items:center;gap:4px;min-width:118px;font-size:13px}.price-tier{display:flex;align-items:center;gap:8px;margin-bottom:7px;flex-wrap:wrap}.price-kg-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}@media (max-width:1100px){.price-kg-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.price-kg-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.price-kg-grid{grid-template-columns:1fr}}.price-kg-card{position:relative;border:1px solid var(--line,#e5e7eb);border-radius:9px;background:var(--surface-2,#f9fafb);padding:11px 12px;display:flex;flex-direction:column;gap:9px}.price-kg-range{display:flex;align-items:center;gap:5px;font-size:13px;flex-wrap:wrap;color:var(--muted,#475569)}.price-kg-num{width:50px;text-align:center;padding:4px}.price-kg-rate{display:flex;align-items:center;gap:6px}.price-kg-rate input{flex:1 1;min-width:0}.price-kg-rate .unit{color:var(--muted,#64748b);font-size:13px;white-space:nowrap}.price-kg-x{position:absolute;top:5px;right:5px}.price-warn{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:6px 10px;border-radius:7px;font-size:12.5px;margin-top:8px}.help-wrap{position:relative;display:inline-flex;vertical-align:middle}.help-dot{width:16px;height:16px;border-radius:50%;border:1px solid var(--brand-500,#3b82f6);background:transparent;color:var(--brand-600,#2563eb);font-size:11px;font-weight:700;line-height:1;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;margin-left:5px}.help-dot:hover{background:var(--brand-500,#3b82f6);color:#fff}.help-pop{position:absolute;z-index:30;top:135%;left:0;width:300px;max-width:82vw;background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.15);padding:12px;display:flex;flex-direction:column;gap:7px;text-align:left;font-weight:400;white-space:normal}.help-pop-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:13px;color:var(--text,#0f172a)}.help-pop-x{border:none;background:transparent;cursor:pointer;color:var(--muted,#64748b);font-size:12px;padding:2px 4px}.help-pop-ta{width:100%;font-size:13px;line-height:1.5;resize:vertical;padding:8px 10px}.help-pop-ro{font-weight:400;font-size:13px;line-height:1.55;color:var(--text,#0f172a)}.collapse-head .help-dot{cursor:help}.cpick-new{font-weight:600;color:var(--brand-600,#0d9488);border-bottom:1px solid var(--line,#e5e7eb)}.price-calc-intro{background:#f0fdfa;border:1px solid #99f6e4;color:#115e59;padding:9px 12px;border-radius:8px;font-size:13px;margin-bottom:14px}.price-rules{margin-top:16px;border-top:1px dashed var(--line,#e5e7eb);padding-top:12px}.price-rules-h{font-size:13px;font-weight:700;color:var(--muted,#475569);margin-bottom:8px}.price-rules-row{font-size:13px;margin-bottom:6px;color:var(--text,#334155)}.price-flat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}@media (max-width:1100px){.price-flat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.price-flat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.price-flat-grid{grid-template-columns:1fr}}.price-flat-cell{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 10px;border:1px solid var(--line,#e5e7eb);border-radius:8px;background:var(--surface-2,#f9fafb)}.price-flat-kg{font-family:ui-monospace,monospace;font-size:13px;min-width:46px}.price-flat-kg small{opacity:.6;margin-left:2px;font-size:11px}.price-savebar{position:-webkit-sticky;position:sticky;bottom:0;display:flex;gap:10px;padding:12px 0;background:linear-gradient(to top,var(--bg,#fff) 70%,transparent);border-top:1px solid var(--line,#e5e7eb)}.price-row4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media (max-width:900px){.price-row4{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.price-row4{grid-template-columns:1fr}}.price-field{display:flex;flex-direction:column;gap:5px}.price-field>label{font-size:12.5px;font-weight:600;color:var(--muted,#64748b)}.price-field>label small{font-weight:400;opacity:.7}.price-field .ctl{display:flex;align-items:center;gap:6px}.price-field .ctl input{flex:1 1;min-width:0;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.price-field .ctl .unit{color:var(--muted,#64748b);font-size:13px;white-space:nowrap}.price-note{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:9px 12px;border-radius:8px;font-size:13px;line-height:1.5}.price-note code{background:#dbeafe;padding:1px 5px;border-radius:4px;font-family:ui-monospace,monospace}.price-field .unit-read{color:var(--muted,#64748b);font-size:11px}.price-addrow{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:var(--muted,#64748b)}.price-addrow input{width:84px}.price-x{border:none;background:transparent;color:#b91c1c;cursor:pointer;font-size:12px;padding:2px 5px;line-height:1;border-radius:5px}.price-x:hover{background:#fee2e2}.price-tier .price-x{margin-left:2px}.price-flat-cell .price-x{flex:0 0 auto}.price-flat-cell input{flex:1 1;min-width:0}.price-addmsg{font-size:12.5px;color:#065f46;font-weight:600}.pw-sk-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:#eef2f7;border:1px solid #d7dee7;font-size:12.5px}.pw-sk-chip input{padding:2px 4px;text-align:right}.pw-sk-chip button{border:none;background:transparent;color:#b91c1c;cursor:pointer;font-size:12px;line-height:1;padding:0 2px}.price-sur-table td{vertical-align:top}.price-sur-table td input,.price-sur-table td select{height:40px;box-sizing:border-box;line-height:1.4}.price-sur-table .unit-read{margin-top:3px}.pw-sur-breakdown{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:13px;margin-top:2px}.pw-sur-total input{padding:3px 6px}.lot-money{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line,#e5e7eb);font-size:14px}.lot-money-total b{color:var(--brand-700,#0f766e)}.pw-item-head input.pw-bag2{width:92px}.pw-item-head input.pw-bag2,.pw-item-head input.pw-kg.hl{font-weight:700;border-color:var(--accent,#f59e0b);background:var(--accent-050,#fffbeb)}.pw-metaline{margin-top:8px;font-size:13px;color:var(--muted,#64748b);display:flex;gap:6px;flex-wrap:wrap}.pw-metaline b{color:var(--text,#0f172a);font-family:ui-monospace,monospace}.pw-metaline-comm i{color:var(--muted,#94a3b8)}.pw-sur-tick{margin-top:10px}.pw-sk-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px}.pw-sk-line select{width:auto;padding:5px 8px}.pw-del{margin-left:4px}.pw-docs{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line,#e5e7eb);display:flex;flex-direction:column;gap:14px}.pw-ship{border:1px solid var(--line,#e5e7eb);border-radius:9px;padding:11px 13px;background:var(--surface-2,#f9fafb)}.pw-ship.locked{background:#fbfaf6;border-style:dashed}.pw-ship-head{font-size:12.5px;font-weight:600;color:var(--muted,#475569);margin-bottom:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pw-ship-lock{color:#b45309;font-weight:700;font-size:12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:2px 9px}.pw-ship-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media (max-width:640px){.pw-ship-grid{grid-template-columns:1fr}}.pw-ro-val{font-size:14px;color:var(--text,#0f172a);padding:5px 0;font-weight:600}.lot-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.lot-row .field{display:flex;flex-direction:column;gap:5px}.lot-row .field>label{font-size:12.5px;font-weight:600;color:var(--muted,#64748b)}.lot-f-money{flex:1 1 150px;min-width:130px}.lot-f-sel{flex:1 1 175px;min-width:150px}.lot-ro{background:var(--surface-2,#f3f4f6);color:var(--text,#0f172a);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lot-ro.strong{font-weight:700;color:var(--brand-700,#0f766e)}.kv-list{margin-top:14px;display:flex;flex-direction:column;gap:7px;font-size:14px}.kv-list p{margin:0}.kv-list b{color:var(--muted,#64748b);font-weight:600;margin-right:4px}.pick-new{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:8px;padding:9px 12px;font-size:13px;line-height:1.5;margin-top:8px}.pick-dup{margin-top:8px;color:#b45309;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.form-secs{display:flex;flex-direction:column}.intake-up{display:flex;gap:10px;flex-wrap:wrap}.intake-up label{cursor:pointer}.intake-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.intake-thumb{position:relative;width:92px;height:92px;border-radius:9px;overflow:hidden;border:1px solid var(--line,#e5e7eb)}.intake-thumb img{width:100%;height:100%;object-fit:cover;display:block}.intake-thumb button{position:absolute;top:3px;right:3px;width:22px;height:22px;border:none;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}.gc-tidy{gap:7px}.gc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.gc-code{font-size:15px;font-weight:700}.gc-name{display:block;font-size:17px;font-weight:650;color:var(--brand-900);line-height:1.3}.gc-name:hover{text-decoration:none}.gc-party{display:flex;gap:9px;font-size:13.5px;line-height:1.45}.gc-plbl{flex:0 0 40px;color:var(--muted);font-weight:600}.gc-pval{flex:1 1;min-width:0;overflow-wrap:anywhere}.gc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13px;color:var(--muted)}.gc-meta b{color:var(--text)}.pw-dims{display:inline-flex;align-items:center;gap:5px;flex-wrap:nowrap}@media (max-width:760px){.pw-dims{flex:1 1 210px;min-width:0}.pw-dims input{flex:1 1;width:auto;min-width:0}.pw-item-head .pw-kg{flex:0 0 78px}.pw-item-head>.pw-x{display:none}.pw-meta{margin-left:0}.collapse-head{gap:8px}.collapse-head h2{min-width:0}.collapse-hint,.collapse-lock{white-space:nowrap;flex:0 0 auto;margin-left:auto}.page-head{flex-wrap:nowrap;gap:10px;margin-bottom:14px}.page-head>div{min-width:0}.page-head h1{font-size:20px}.page-head .btn{flex:0 0 auto}}@media (max-width:640px){.col-chooser-bar{display:none}}.grid-summary:empty{display:none}@media (max-width:760px){.grid-bar{flex-direction:column;align-items:stretch}.grid-tools{width:100%}.filter-compact{display:flex;gap:8px;width:100%;align-items:flex-start}.filter-search{flex:1 1 auto;width:auto;min-width:0}}.form-pair{display:contents}@media (max-width:760px){.form-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;align-items:end}}.pw-body.collapsed{display:none}.pw-caret{background:none;border:0;cursor:pointer;padding:2px 4px;margin-left:-4px;color:var(--muted);font-size:13px;line-height:1;flex:0 0 auto}.pw-caret:hover{color:var(--brand-700)}.pw-bulk{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.pw-bulk .btn{white-space:nowrap}.intake-ok{margin-top:8px;padding:8px 11px;border-radius:8px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;font-size:13.5px;font-weight:600}.party-tools{display:flex;justify-content:flex-end;margin:-2px 0 10px}.pw-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--brand-700,#0f766e);color:#fff;font-size:13px}.pw-badge,.pw-state{flex:0 0 auto;font-weight:700}.pw-state{font-size:12px;padding:3px 8px;border-radius:999px;white-space:nowrap}.pw-state.s-du{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.pw-state.s-thieu{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.pw-state.s-trong{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.pw-item{border-left:4px solid var(--brand-600,#0d9488)}.pw-item:nth-child(2n){background:#fafbfc}.pw-sk-qty{width:58px;text-align:center;padding:6px 4px}@media (max-width:760px){.pw-sk-qty{width:64px;padding:8px 4px}.notif-pop{position:fixed;left:8px;right:8px;top:62px;width:auto;max-width:none;max-height:70vh}.notif-head{display:flex;align-items:center;justify-content:space-between;gap:10px}}.notif-close{background:none;border:0;cursor:pointer;color:var(--muted);font-size:16px;line-height:1;padding:4px 6px;margin:-4px -6px -4px 0}.notif-close:hover{color:var(--text)}.stage-badge.s-noflight{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;font-weight:700}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-head h2{margin:0 0 8px}.edit-jump{flex:0 0 auto;white-space:nowrap}.page-hint{font-size:13px;line-height:1.5;margin:-6px 0 12px}.photo-warn{margin:0 0 10px;padding:8px 11px;border-radius:8px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:13.5px;font-weight:600}.photo-catpick{flex-wrap:nowrap;overflow-x:auto}.photo-catpick .photo-radio{flex:0 0 auto;white-space:nowrap}.sale-cell{max-width:160px;font-size:13px;padding:2px 20px 2px 0;margin-left:-1px;border:1px solid transparent;background:transparent;cursor:pointer}.sale-cell:focus,.sale-cell:hover:not(:disabled){border-color:var(--border,#ddd);background:#fff;padding-left:5px;margin-left:-6px}.sale-cell:disabled{cursor:default;opacity:1}.grid-tools{margin-left:auto}.timeline li.t-vua-them{box-shadow:0 0 0 2px #6ee7b7;padding:6px 8px;margin:2px 0}.timeline li.t-vua-them,.track-ok{background:#ecfdf5;border-radius:8px}.track-ok{margin:0 0 10px;padding:8px 11px;border:1px solid #a7f3d0;color:#065f46;font-size:13.5px;font-weight:600}.o-dang-thieu{outline:2px solid var(--danger,#e5484d)!important;outline-offset:1px;background:#fff5f5!important}.price-copy{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 12px;font-size:13.5px}.price-copy select{width:auto;max-width:220px}a.kpi-link{text-decoration:none;color:inherit;display:block;transition:box-shadow .12s,transform .12s}a.kpi-link:hover{box-shadow:0 4px 14px rgba(0,0,0,.1);transform:translateY(-1px)}.kpi-phu{margin-top:4px;font-size:12px;color:var(--muted)}.tab-nav{display:flex;gap:6px;margin:0 0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:2px solid var(--border);padding-bottom:0}.tab-nav .tab-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;background:var(--card-muted,#f1f3f5);color:var(--text);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;position:relative;top:2px}.tab-nav .tab-btn:hover{background:#e9ecef}.tab-nav .tab-btn.active{background:var(--card,#fff);border-color:var(--border);color:var(--brand,#0b7285);box-shadow:inset 0 3px 0 var(--brand,#0b7285)}.tab-nav .tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--danger,#e03131);color:#fff;font-size:12px;font-weight:700}@media (max-width:640px){.tab-nav .tab-btn{padding:8px 12px;font-size:13px}}.bar-chart{width:100%;height:240px;display:block}@media (max-width:640px){.bar-chart{height:200px}}.chu-y-list{display:flex;flex-direction:column;gap:8px}.chu-y-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card-muted,#f8f9fa)}.chu-y-row.gap{border-color:#f3b0a8;background:var(--danger-bg,#fff5f5)}.chu-y-icon{font-size:18px;line-height:1}.chu-y-chu{flex:1 1 260px;font-weight:600}.chu-y-so{display:block;font-weight:400;font-size:13px;color:var(--muted,#6b7280)}.cham{color:#b45309}@media (max-width:720px){.table-cards thead{display:none}.table-cards,.table-cards tbody,.table-cards td,.table-cards tr{display:block;width:100%}.table-cards tr{border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin-bottom:8px;background:var(--card,#fff)}.table-cards td{border:none!important;padding:3px 0!important;display:flex;justify-content:space-between;gap:12px}.table-cards td:before{content:attr(data-nhan);color:var(--muted,#6b7280);font-size:13px;flex:0 0 auto}.table-cards td:empty,.table-cards td[data-nhan=""]:before{display:none}}.ht-list{list-style:none;margin:0;padding:0}.ht-item{display:flex;align-items:flex-start;gap:10px;border-left:2px solid var(--border);margin-left:12px;padding:10px 0 10px 16px;position:relative}.ht-item:first-child{border-left-color:#12b886}.ht-icon{position:absolute;left:-13px;top:10px;width:24px;height:24px;border-radius:50%;background:var(--card,#fff);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px}.ht-item.ht-moi>.ht-icon{border-color:#12b886}.ht-noi-dung{flex:1 1 auto;min-width:0}.ht-nhan{font-weight:600}.ht-item.ht-moi .ht-nhan{color:#0b7285}.ht-phu{color:var(--muted,#6b7280);font-size:13px;margin-top:2px}.ht-gio-dp{opacity:.75}.ht-uoc{color:#b45309}.ht-noi{font-size:13px;margin-top:2px}.ht-nhom{flex:0 0 auto;font-size:12px;color:var(--muted,#6b7280);border:1px solid var(--border);border-radius:999px;padding:1px 8px;white-space:nowrap;margin-top:2px}@media (max-width:640px){.ht-nhom{display:none}}.ndg{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ndg-gon{margin-top:2px}.ndg-gon .btn{padding:4px 10px;font-size:12.5px}.gc-anh{display:flex;gap:6px;margin:6px 0 2px}.gc-anh a{display:block;flex:0 0 auto;line-height:0}.gc-anh img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:var(--card-muted,#f1f3f5)}.td-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto}.td-loi{border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:var(--card-muted,#f8f9fa)}.td-loi.td-toi{background:#eef6f2;border-color:#cfe3d8}.td-dau{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:2px}.td-dau b{font-size:14px}.td-dau .btn{margin-left:auto}.td-than{white-space:pre-wrap;overflow-wrap:anywhere}.filter-compact{flex-wrap:wrap}.filter-compact,.tg-bar{justify-content:flex-end}.tg-bar{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:2px;font-size:13px}.tg-nhan{color:var(--muted,#6b7280);margin-right:6px;font-size:12.5px}.tg-nut{display:inline-block;padding:5px 11px;border-radius:8px;border:1px solid transparent;color:inherit;text-decoration:none;background:none;cursor:pointer;font:inherit;line-height:1.3;white-space:nowrap}.tg-nut:hover{background:var(--bg,#f3f4f6)}.tg-nut.on{background:#fff;border-color:var(--border);box-shadow:0 1px 2px rgba(0,0,0,.06);font-weight:600}.tg-tuy-wrap{position:relative}.tg-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:31;background:#fff;border:1px solid var(--border);min-width:300px;border-radius:12px;box-shadow:var(--shadow);padding:14px;width:260px}.tg-pop .field{margin-bottom:10px}.loc-ghim{width:auto;max-width:210px;padding:6px 28px 6px 10px;font-size:13px}.loc-ghim.on{border-color:var(--brand-600);background-color:#f0fdfa;font-weight:600}.loc-ghim-chon{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.loc-ghim-tieu{font-weight:600;font-size:13px;margin-bottom:6px}.loc-ghim-o{display:flex;gap:8px;align-items:center;font-size:13px;padding:3px 0;font-weight:400;cursor:pointer}.loc-ghim-o input{width:auto}@media (max-width:720px){.tg-bar{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.loc-ghim{max-width:none;flex:1 1 45%}}.filter-pop-wrap>.btn,.grid-tools .btn,.tg-nhan{white-space:nowrap}.grid-tools{align-items:flex-end}.form-pair-tight{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;align-items:end}.form-pair-tight>.field{min-width:0}@media (max-width:760px){.form-pair-tight{grid-template-columns:1fr 1fr}}@media print{.drawer-close,.mbar,.mbar-backdrop,.mk-footer,.mk-header,.notif-panel,.notif-wrap,.side-toggle,.sidebar{display:none!important}body{background:#fff!important}.wb-main,main{padding-top:0!important;margin-top:0!important}}.chonloc{position:relative}.chonloc-nut{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;font:inherit;text-align:left;min-height:38px}.chonloc-nut:hover{border-color:var(--brand-600)}.chonloc-mui{color:var(--muted);font-size:12px}.chonloc-pop{position:absolute;z-index:40;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:8px}.chonloc-tim{width:100%;margin-bottom:6px}.chonloc-ds{max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:2px}.chonloc-muc{text-align:left;padding:7px 9px;border:0;background:none;border-radius:8px;cursor:pointer;font:inherit}.chonloc-muc.to-sang{background:var(--bg,#f1f5f9)}.chonloc-muc.dang-chon{font-weight:700;color:var(--brand-600)}.chonloc-trong{padding:8px 9px;color:var(--muted);font-size:13px}