@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.20g3-bbbhdq0_.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2cxlyxah-fd35.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.0mkxydxl0e43d.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1rx9vjatjkdar.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.2kcj5i_8uff48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.3gdi_th3seg1n.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0gsaq8ukbf34m.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--navy-950:#071228;--navy-900:#0b1b3a;--navy-800:#102653;--navy-700:#1a3568;--navy-600:#274680;--blue-700:#1553c7;--blue-600:#1d6fe8;--blue-500:#3b86f2;--blue-100:#dbe9fd;--blue-50:#eef4fe;--green-700:#0f7a3a;--green-600:#16a34a;--green-100:#dcf5e5;--green-50:#effaf3;--orange-700:#b45309;--orange-600:#e8790b;--orange-500:#f59e0b;--orange-100:#fdebd0;--orange-50:#fff6e8;--purple-700:#6d28d9;--purple-600:#7c3aed;--purple-100:#ebe1fd;--purple-50:#f5f0ff;--red-700:#b91c1c;--red-600:#dc2626;--red-100:#fde0e0;--red-50:#fef2f2;--ink-900:#0f1b33;--ink-700:#34425f;--ink-500:#64708a;--ink-400:#8a94aa;--line:#e3e8f2;--line-strong:#cfd7e6;--bg:#f3f6fb;--surface:#fff;--surface-2:#f8fafd;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow-lg:0 12px 36px #0f1b332e;--touch:44px;--sidebar-w:248px;--topbar-h:64px;--bottomnav-h:64px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--font:"Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--w-regular:400;--w-medium:500;--w-name:550;--w-semi:600;--w-strong:650;--w-heading:700;--fs-page:clamp(22px, 1.2vw + 18px, 26px);--fs-section:16px;--fs-body:14.5px;--fs-label:13px;--fs-small:13px;--fs-xs:12px;--fs-kpi:clamp(22px, 5vw, 28px);--lh-body:1.5;--shadow-sm:0 1px 1px #0f1b330a;--shadow:0 1px 3px #0f1b330f}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}body{font-family:var(--font);font-size:var(--fs-body);font-weight:var(--w-regular);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;color:var(--ink-900);background:var(--bg);-webkit-tap-highlight-color:transparent;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;line-height:1.2}h1{font-size:var(--fs-page);font-weight:var(--w-heading)}h2{font-size:17px;font-weight:var(--w-semi)}h3{font-size:var(--fs-section);font-weight:var(--w-semi)}h4{font-weight:var(--w-semi)}strong,b{font-weight:var(--w-name)}th{font-weight:var(--w-semi)}p{margin:0}a{color:var(--blue-600);text-decoration:none}a:hover{text-decoration:underline}img,svg{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #1d6fe873}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.muted{color:var(--ink-500)}.small{font-size:var(--fs-small)}.xs{font-size:var(--fs-xs)}.nowrap{white-space:nowrap}.right{text-align:right}.center{text-align:center}.num{font-variant-numeric:tabular-nums}.grow{flex:auto;min-width:0}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.stack{flex-direction:column;gap:12px;display:flex}.stack-sm{flex-direction:column;gap:6px;display:flex}.gap-lg{gap:20px}.mt{margin-top:16px}.mt-sm{margin-top:8px}.hide-mobile{display:none!important}.only-mobile{display:initial}.shell{min-height:100dvh;display:block}.sidebar{display:none}.topbar{z-index:30;min-height:calc(var(--topbar-h) + var(--safe-top));padding:var(--safe-top) calc(14px + var(--safe-right)) 0 calc(14px + var(--safe-left));background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar .brand-mini{align-items:center;display:flex}.topbar .brand-mini img{width:auto;height:34px}.branch-switch{position:relative}.branch-switch select{appearance:none;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364708a' stroke-width='3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center;max-width:190px;height:40px;font-weight:var(--w-medium);text-overflow:ellipsis;padding:0 32px 0 12px;font-size:13px}.searchbox{flex:auto;min-width:0;max-width:560px;position:relative}.searchbox input{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:999px;width:100%;height:40px;padding:0 12px 0 38px;font-size:14px}.searchbox .ic{color:var(--ink-400);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-pop{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:50;max-height:70vh;padding:6px;position:absolute;top:46px;left:0;right:0;overflow:auto}.search-pop h4{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-400);padding:8px 10px 4px;font-size:11px}.search-pop a{color:var(--ink-900);min-height:var(--touch);border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.search-pop a:hover,.search-pop a:focus{background:var(--blue-50);text-decoration:none}.userchip{align-items:center;gap:10px;display:flex}.avatar{background:var(--blue-100);width:38px;height:38px;color:var(--blue-700);font-weight:var(--w-semi);border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.lg{width:64px;height:64px;font-size:22px}.avatar.xl{width:96px;height:96px;font-size:32px}.main{padding:16px calc(14px + var(--safe-right)) calc(var(--bottomnav-h) + var(--safe-bottom) + 24px) calc(14px + var(--safe-left));max-width:1500px;margin:0 auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.page-head .sub{color:var(--ink-500);margin-top:4px;font-size:14px}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bottomnav{z-index:40;height:calc(var(--bottomnav-h) + var(--safe-bottom));padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f1b330f}.bottomnav a,.bottomnav button{height:var(--bottomnav-h);min-width:var(--touch);color:var(--ink-500);font-size:11px;font-weight:var(--w-medium);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;text-decoration:none;display:flex}.bottomnav a.active,.bottomnav button.active{color:var(--blue-600);font-weight:var(--w-semi)}.bottomnav .qr-fab{position:relative;overflow:visible}.bottomnav .qr-fab .bubble{background:var(--blue-600);color:#fff;border:4px solid var(--surface);border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:-20px;box-shadow:0 4px 12px #1d6fe852}.bottomnav .qr-fab span.lbl{margin-top:32px}html.kb-open .bottomnav{display:none}html.kb-open .main{padding-bottom:24px}.sheet.light{background:var(--surface);color:var(--ink-900);max-width:560px;box-shadow:var(--shadow-lg);margin:0 auto}.sheet-grab{background:var(--line-strong);border-radius:4px;width:40px;height:4px;margin:-6px auto 12px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink-900);flex-direction:column;gap:2px;min-height:96px;padding:12px;text-decoration:none;display:flex}.quick:hover{border-color:var(--t-solid);background:var(--t-bg);text-decoration:none}.quick .iconbox{border-radius:10px;width:36px;height:36px;margin-bottom:6px}.quick-t{font-weight:var(--w-name);font-size:14px}.quick-s{color:var(--ink-500);font-size:12.5px}.sheet-back{z-index:60;background:#0712288c;position:fixed;inset:0}.sheet{z-index:61;background:var(--navy-900);color:#fff;max-height:92dvh;padding:18px 14px calc(18px + var(--safe-bottom));border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0;overflow:auto}.sheet .head{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;margin-bottom:8px;padding:4px 6px 14px;display:flex}.sheet .head .avatar{color:#fff;background:#ffffff24}.sheet a.navitem,.sheet button.navitem{color:#fff}.navitem{color:#ffffffd1;min-height:46px;font-weight:var(--w-medium);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:0 12px;font-size:14px;text-decoration:none;display:flex}.navitem:hover{background:#ffffff12;text-decoration:none}.navitem.active{background:var(--blue-600);color:#fff;font-weight:var(--w-semi)}.navitem .badge-dot{margin-left:auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-width:0;padding:16px}.card.flush{padding:0;overflow:hidden}.card>.card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.grid{gap:12px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.grid.auto{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.metric{flex-direction:column;gap:4px;padding:14px;display:flex}.metric .top{align-items:center;gap:10px;display:flex}.metric .label{font-size:var(--fs-label);color:var(--ink-700);font-weight:var(--w-medium)}.metric .value{font-size:var(--fs-kpi);font-weight:var(--w-strong);letter-spacing:-.02em;line-height:1.15}.metric .foot{color:var(--ink-500);font-size:12px}.metric .link{font-size:12.5px;font-weight:var(--w-medium);margin-top:2px}.iconbox{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.iconbox.sm{border-radius:9px;width:32px;height:32px}.tone-success{--t-bg:var(--green-100);--t-fg:var(--green-700);--t-solid:var(--green-600)}.tone-warning{--t-bg:var(--orange-100);--t-fg:var(--orange-700);--t-solid:var(--orange-600)}.tone-info{--t-bg:var(--blue-100);--t-fg:var(--blue-700);--t-solid:var(--blue-600)}.tone-danger{--t-bg:var(--red-100);--t-fg:var(--red-700);--t-solid:var(--red-600)}.tone-purple{--t-bg:var(--purple-100);--t-fg:var(--purple-700);--t-solid:var(--purple-600)}.tone-neutral{--t-bg:#e9edf5;--t-fg:var(--ink-700);--t-solid:var(--ink-500)}.iconbox{background:var(--t-bg,var(--blue-100));color:var(--t-fg,var(--blue-700))}.badge{font-size:12px;font-weight:var(--w-semi);background:var(--t-bg);color:var(--t-fg);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 8px;line-height:1.5;display:inline-flex}.badge.lg{padding:5px 12px 5px 10px;font-size:13px}.badge-dot{background:var(--red-600);color:#fff;min-width:18px;height:18px;font-size:11px;font-weight:var(--w-semi);border-radius:999px;place-items:center;padding:0 5px;display:inline-grid}.attn{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink-900);min-height:var(--touch);align-items:center;gap:12px;padding:12px;display:flex}.attn:hover{border-color:var(--t-solid);box-shadow:var(--shadow);text-decoration:none}.attn .count{font-size:20px;font-weight:var(--w-strong);color:var(--t-fg);margin-left:auto}.qa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.qa{text-align:center;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);min-height:92px;color:var(--ink-900);font-weight:var(--w-medium);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:13px;text-decoration:none;display:flex}.qa:hover{border-color:var(--t-solid);background:var(--t-bg);text-decoration:none}.tile{text-align:center;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:var(--ink-900);font-weight:var(--w-medium);flex-direction:column;align-items:center;gap:8px;min-height:84px;padding:14px 6px;font-size:12.5px;text-decoration:none;display:flex}.tile:hover{background:var(--surface-2);text-decoration:none}.timeline{flex-direction:column;gap:8px;display:flex}.tl-row{background:var(--surface-2);border-left:4px solid var(--t-solid,var(--blue-600));border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.tl-time{font-weight:var(--w-medium);min-width:64px;color:var(--ink-700);font-size:13px}.btn{min-height:var(--touch);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-900);font-weight:var(--w-name);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--blue-600);border-color:var(--blue-600);color:#fff;font-weight:var(--w-semi)}.btn.primary:hover{background:var(--blue-700)}.btn.success{background:var(--green-600);border-color:var(--green-600);color:#fff}.btn.warn{background:var(--orange-600);border-color:var(--orange-600);color:#fff}.btn.danger{background:var(--surface);border-color:var(--red-600);color:var(--red-700)}.btn.danger.solid{background:var(--red-600);color:#fff}.btn.ghost{color:var(--blue-600);background:0 0;border-color:#0000}.btn.sm{border-radius:8px;min-height:36px;padding:0 12px;font-size:13px}.btn.block{width:100%}.iconbtn{width:var(--touch);height:var(--touch);color:var(--ink-700);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;text-decoration:none;display:inline-grid;position:relative}.iconbtn:hover{background:var(--surface-2);border-color:var(--line);text-decoration:none}.iconbtn .badge-dot{position:absolute;top:2px;right:2px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label,.label{font-size:var(--fs-label);font-weight:var(--w-medium);color:var(--ink-700)}.field .hint{color:var(--ink-500);font-size:12px}.field .err{color:var(--red-700);font-size:12.5px;font-weight:var(--w-medium);align-items:center;gap:5px;display:flex}.input,.select,.textarea{width:100%;min-height:var(--touch);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-900);border-radius:10px;padding:0 12px;font-size:16px}.textarea{resize:vertical;min-height:88px;padding:10px 12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue-600);outline:none;box-shadow:0 0 0 3px #1d6fe82e}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--red-600)}.input-icon{position:relative}.input-icon .input{padding-left:40px}.input-icon .ic{color:var(--ink-400);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-icon .toggle{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.form-grid{grid-template-columns:1fr;gap:14px;display:grid}.check{min-height:var(--touch);align-items:center;gap:10px;font-size:14px;display:flex}.check input{width:20px;height:20px;accent-color:var(--blue-600)}.alert{background:var(--t-bg);color:var(--t-fg);border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}.alert.tone-danger{border-color:#f5b5b5}.alert strong{font-weight:var(--w-semi)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.toolbar .input,.toolbar .select{flex:140px;width:auto;min-width:0}.toolbar .searchbox{flex:2 220px;max-width:none}.chips{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--line-strong);background:var(--surface);min-height:38px;font-weight:var(--w-medium);color:var(--ink-700);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:13px;text-decoration:none;display:inline-flex}.chip:hover{background:var(--surface-2);text-decoration:none}.chip.active{background:var(--blue-600);border-color:var(--blue-600);color:#fff;font-weight:var(--w-semi)}.chip .n{background:#0f1b3317;border-radius:999px;padding:1px 7px;font-size:11px}.chip.active .n{background:#ffffff40}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{font-weight:var(--w-medium);color:var(--ink-500);white-space:nowrap;min-height:var(--touch);background:0 0;border:0;border-bottom:3px solid #0000;padding:12px 14px;font-size:14px;text-decoration:none}.tab:hover{color:var(--ink-900);text-decoration:none}.tab.active{color:var(--blue-600);border-bottom-color:var(--blue-600);font-weight:var(--w-semi)}.pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 4px 0;display:flex}.dt-wrap{width:100%}table.dt{border-collapse:collapse;width:100%;font-size:14px}table.dt thead{display:none}table.dt tbody,table.dt tr,table.dt td{width:100%;display:block}table.dt tr{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:10px;padding:10px 14px;position:relative}table.dt td{text-align:right;border:0;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:6px 0;display:flex}table.dt td:before{content:attr(data-label);font-size:12px;font-weight:var(--w-medium);color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em;text-align:left;flex:none}table.dt td[data-label=""]:before,table.dt td:not([data-label]):before{display:none}table.dt td.primary{font-weight:var(--w-name);text-align:left;border-bottom:1px dashed var(--line);justify-content:flex-start;margin-bottom:4px;padding-bottom:8px;font-size:15px}table.dt td.primary:before{display:none}table.dt td.actions{justify-content:flex-end;padding-top:10px}table.dt td>*{min-width:0}.cell-user{text-align:left;align-items:center;gap:10px;min-width:0;display:flex}.cell-user .t{font-weight:var(--w-name);color:var(--ink-900);text-overflow:ellipsis;overflow:hidden}.cell-user .s{color:var(--ink-500);font-size:12.5px}.empty,.errorstate,.loadingstate{text-align:center;color:var(--ink-500);flex-direction:column;align-items:center;gap:10px;padding:36px 18px;display:flex}.empty .iconbox,.errorstate .iconbox{border-radius:16px;width:56px;height:56px}.empty h3,.errorstate h3{color:var(--ink-900)}.skeleton{background:linear-gradient(90deg,#e9edf5 25%,#f4f6fb 37%,#e9edf5 63%) 0 0/400% 100%;border-radius:8px;min-height:16px;animation:1.3s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.spinner{border:3px solid var(--blue-100);border-top-color:var(--blue-600);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.offline-banner{background:var(--orange-100);color:var(--orange-700);font-weight:var(--w-medium);text-align:center;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;display:flex}.update-banner{left:12px;right:12px;bottom:calc(var(--bottomnav-h) + var(--safe-bottom) + 12px);z-index:70;background:var(--navy-900);color:#fff;box-shadow:var(--shadow-lg);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:fixed}.toasts{z-index:90;left:12px;right:12px;top:calc(12px + var(--safe-top));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--navy-900);color:#fff;width:100%;min-width:240px;max-width:520px;box-shadow:var(--shadow-lg);font-weight:var(--w-medium);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.toast.success{border-left:5px solid var(--green-600)}.toast.error{border-left:5px solid var(--red-600)}.dialog-back{z-index:80;background:#0712288c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);width:100%;max-width:560px;max-height:92dvh;padding:20px 16px calc(20px + var(--safe-bottom));box-shadow:var(--shadow-lg);border-radius:20px 20px 0 0;overflow:auto}.dialog h2{margin-bottom:4px}.dialog .actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.dialog .actions .btn{flex:140px}.bar{background:#e9edf5;border-radius:999px;height:10px;overflow:hidden}.bar>i{background:var(--blue-600);border-radius:999px;height:100%;display:block}.chart{width:100%;height:auto;display:block}.chart text{font-family:var(--font);fill:var(--ink-500);font-size:11px}.legend{color:var(--ink-500);flex-wrap:wrap;gap:14px;font-size:12.5px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.steps{scrollbar-width:none;gap:6px;margin-bottom:18px;display:flex;overflow-x:auto}.steps::-webkit-scrollbar{display:none}.step{background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:var(--w-medium);color:var(--ink-500);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:flex}.step .n{background:#e9edf5;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.step.active{color:var(--blue-700);border-color:var(--blue-500);background:var(--blue-50)}.step.active .n{background:var(--blue-600);color:#fff}.step.done .n{background:var(--green-600);color:#fff}.login-wrap{min-height:100dvh;padding:calc(20px + var(--safe-top)) 16px calc(20px + var(--safe-bottom));background:linear-gradient(160deg,#fff 0%,#eef3fb 100%);place-items:center;display:grid}.login-card{width:100%;max-width:440px;box-shadow:var(--shadow);padding:24px}.login-card .logo{width:min(210px,62%);height:auto;margin:0 auto 6px;display:block}.login-card h1{margin-top:10px;font-size:clamp(22px,6vw,26px)}.login-card .lead{color:var(--ink-500);margin:4px 0 18px}.login-panel{display:none}.login-panel .lp-logo{background:#fff;border-radius:12px;width:max-content;padding:8px 12px}.login-panel .lp-logo img{width:auto;height:44px;display:block}.login-panel h2{font-size:clamp(26px,2.2vw,32px);font-weight:var(--w-heading);letter-spacing:-.02em;line-height:1.2}.login-panel .feat{align-items:flex-start;gap:12px;display:flex}.login-panel .feat .ic{color:var(--blue-500);flex:none;margin-top:2px}.login-panel .feat .t{font-weight:var(--w-semi);font-size:15px}.login-panel .feat .d{color:#ffffffb8;font-size:13.5px;font-weight:var(--w-regular)}.login-panel .tagline{color:#fff9;letter-spacing:.02em;font-size:13px}.idcard{background:var(--navy-900);color:#fff;box-shadow:var(--shadow-lg);border-radius:20px;padding:18px}.idcard .plate{background:#fff;border-radius:12px;justify-content:center;padding:10px;display:flex}.idcard .plate img{width:auto;height:46px}.idcard .body{color:var(--ink-900);background:#fff;border-radius:14px;margin-top:12px;padding:16px}.qrbox{background:#fff;border-radius:12px;place-items:center;padding:8px;display:grid}.qrbox svg,.qrbox img{width:min(220px,60vw);height:auto;image-rendering:pixelated}.scanner{border-radius:var(--radius-lg);aspect-ratio:1;background:#000;max-width:420px;margin:0 auto;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;height:100%}.scanner .frame{border:3px solid var(--blue-500);border-radius:18px;position:absolute;inset:14%;box-shadow:0 0 0 999px #00000059}.result{border-radius:var(--radius);background:var(--t-bg);color:var(--t-fg);border:2px solid var(--t-solid);align-items:center;gap:14px;padding:16px;display:flex}.result .big{font-size:18px;font-weight:var(--w-strong)}.receipt{color:#111;border:1px solid var(--line);background:#fff;border-radius:12px;max-width:420px;margin:0 auto;padding:22px;font-size:13.5px}.receipt .logo{width:auto;height:64px;margin:0 auto 10px;display:block}.receipt hr{border:0;border-top:1px dashed #999;margin:12px 0}.receipt .line{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.receipt .total{font-size:18px;font-weight:var(--w-strong)}.doc{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:820px;margin:0 auto;padding:24px}.doc table{border-collapse:collapse;width:100%;font-size:13.5px}.doc th,.doc td{border-bottom:1px solid var(--line);text-align:left;padding:8px 6px}.doc th{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-500);font-size:12px}@media print{@page{size:A4;margin:14mm}body{background:#fff!important}.sidebar,.topbar,.bottomnav,.no-print,.toasts,.update-banner,.offline-banner,.page-actions,.tabs{display:none!important}.main{max-width:none!important;padding:0!important}.card,.receipt,.doc{box-shadow:none!important;border:0!important}.receipt{max-width:80mm}a{color:inherit;text-decoration:none}}@media (min-width:640px){.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .span2{grid-column:1/-1}.dialog-back{align-items:center}.dialog{border-radius:20px;padding:24px}.qa-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.main{padding-left:calc(20px + var(--safe-left));padding-right:calc(20px + var(--safe-right))}}@media (min-width:768px){.hide-mobile{display:initial!important}th.hide-mobile,td.hide-mobile{display:table-cell!important}.only-mobile{display:none!important}table.dt{display:table}table.dt thead{display:table-header-group}table.dt tbody{display:table-row-group}table.dt tr{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:table-row}table.dt td,table.dt th{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;width:auto;padding:12px;display:table-cell}table.dt td:before{display:none!important}table.dt td.primary{border-bottom:1px solid var(--line);margin:0;padding-bottom:12px;font-size:14px}table.dt td.actions,table.dt td.right,table.dt th.right{text-align:right}table.dt th{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);font-size:12px;font-weight:var(--w-semi);background:var(--surface-2);white-space:nowrap}table.dt tbody tr:hover td{background:var(--surface-2)}.dt-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:auto hidden}}@media (min-width:1100px){.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);display:grid}.sidebar{background:var(--navy-900);color:#fff;flex-direction:column;height:100dvh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar .logo-plate{background:#fff;border-radius:12px;place-items:center;margin:2px 2px 18px;padding:8px 10px;display:grid}.sidebar .logo-plate img{width:100%;max-width:132px;height:auto}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar .navitem svg{opacity:.85;flex:none}.sidebar .navitem{gap:11px;min-height:40px;padding:0 12px;font-size:14px}.bottomnav{display:none}.main{padding:24px 28px 40px}.topbar .brand-mini{display:none}.hide-desktop{display:none!important}.grid.cols-4.desk-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dash-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.dash-grid .c4{grid-column:span 4}.dash-grid .c5{grid-column:span 5}.dash-grid .c6{grid-column:span 6}.dash-grid .c7{grid-column:span 7}.dash-grid .c8{grid-column:span 8}.dash-grid .c12{grid-column:span 12}.login-wrap{background:#f6f8fc;grid-template-columns:minmax(360px,38%) minmax(0,1fr);place-items:stretch stretch;padding:0}.login-wrap .login-card{place-self:center;margin:24px}.login-panel{background:linear-gradient(170deg, var(--navy-800) 0%, var(--navy-950) 100%);color:#fff;flex-direction:column;justify-content:center;gap:22px;min-height:100dvh;padding:clamp(36px,4vw,64px);display:flex}.update-banner{max-width:420px;bottom:16px;left:auto;right:16px}.toasts{align-items:flex-end;left:auto;right:20px}.dialog-back .dialog{max-width:620px}}@media (max-width:1099px){.dash-grid{flex-direction:column;gap:12px;display:flex}.dash-grid>[aria-labelledby=attn-h]{order:-2}.dash-grid>[aria-labelledby=qa-h]{order:-1}.hide-tablet{display:none!important}}@media (max-width:360px){.btn{padding:0 12px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (min-width:1360px){.grid.cols-3.desk-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.metric .top>.label{min-width:0;line-height:1.25}.metric .value{overflow-wrap:anywhere}@media (max-width:699px){.grid.cols-2.split{grid-template-columns:minmax(0,1fr)}}.alist{flex-direction:column;display:flex}.alist .ahead{display:none}.alist .arow{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;min-height:52px;padding:12px 2px;display:grid}.alist .arow:first-of-type,.alist .ahead+.arow{border-top:0}.alist .a-date{font-weight:var(--w-medium)}.alist .a-time{font-weight:var(--w-regular);text-align:right}.alist .a-branch{text-align:right;font-size:var(--fs-small);color:var(--ink-500);grid-column:2}@media (min-width:640px){.alist{max-width:720px}.alist .ahead,.alist .arow{grid-template-columns:minmax(150px,1.2fr) 110px minmax(140px,1fr);column-gap:24px;display:grid}.alist .ahead{font-size:12px;font-weight:var(--w-semi);color:var(--ink-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);padding:4px 2px 10px}.alist .a-time,.alist .a-branch{text-align:left;font-size:var(--fs-body);color:var(--ink-900);grid-column:auto}.alist .a-branch{color:var(--ink-700)}}.card{border-color:var(--line)}.page-head h1{letter-spacing:-.015em}.page-head .sub{font-weight:var(--w-regular)}.btn{letter-spacing:0}.input,.select,.textarea{font-weight:var(--w-regular)}.input::placeholder,.textarea::placeholder{color:var(--ink-400);font-weight:var(--w-regular)}.check,table.dt td{font-weight:var(--w-regular)}table.dt td.num,.num{font-variant-numeric:tabular-nums}.badge{letter-spacing:0}.legend,.chart text{font-weight:var(--w-regular)}input,select,textarea{scroll-margin-bottom:120px}@media (min-width:1100px){.toolbar .input,.toolbar .select{flex:0 200px}}@media (min-width:1800px){.main{max-width:1560px}}.userchip{color:inherit;text-decoration:none}.userchip:hover{text-decoration:none}@media (max-width:639px){.topbar{gap:8px}.branch-switch select{max-width:132px}.searchbox{flex:0 0 40px}.searchbox input{color:#0000;cursor:pointer;width:40px;padding:0}.searchbox input::placeholder{color:#0000}.searchbox:focus-within{left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));top:calc(12px + var(--safe-top));z-index:45;flex:none;position:absolute}.searchbox:focus-within input{width:100%;color:var(--ink-900);cursor:text;box-shadow:var(--shadow-lg);background:var(--surface);padding:0 12px 0 38px}.searchbox:focus-within input::placeholder{color:var(--ink-400)}.grow-fill{flex:auto}}:root{--grad-brand:linear-gradient(135deg, #1d6fe8 0%, #6a4df0 100%);--grad-hero:radial-gradient(1200px 380px at 85% -40%, #3b86f259, transparent 60%), radial-gradient(700px 300px at 0% 120%, #7c3aed47, transparent 60%), linear-gradient(135deg, #0b1b3a 0%, #102653 55%, #1a3568 100%);--ring:0 0 0 3px #1d6fe847;--ease:cubic-bezier(.22,.8,.24,1)}body{background-image:radial-gradient(900px 420px at 100% -10%,#3b86f214,#0000 60%),radial-gradient(700px 380px at -10% 110%,#7c3aed0f,#0000 60%);background-attachment:fixed}.main>.page-head:first-child{background:var(--grad-hero);color:#fff;border-radius:var(--radius-lg);padding:clamp(16px,3vw,24px);position:relative;box-shadow:0 14px 40px #0b1b3a38}.main>.page-head:first-child:after{content:"";border-radius:inherit;animation:shine 5s var(--ease) 1s 1 backwards;pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff12 50%,#0000 60%) 100% 0/300% 100% no-repeat;position:absolute;inset:0}.main>.page-head:first-child h1,.main>.page-head:first-child .sub{color:#fff}.main>.page-head:first-child .sub{opacity:.82}.main>.page-head:first-child .sub strong{color:#fff}.main>.page-head:first-child .btn:not(.primary){color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border-color:#ffffff40}.main>.page-head:first-child .btn:not(.primary):hover{background:#fff3}.main>.page-head:first-child .btn.primary{background:var(--grad-brand);border-color:#0000;box-shadow:0 6px 18px #6a4df073}.card{transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s}@media (hover:hover){.card.metric:hover,a.card:hover{border-color:var(--blue-100);transform:translateY(-3px);box-shadow:0 14px 30px #0f1b331f}}.metric .iconbox{background-image:var(--grad-brand);color:#fff;box-shadow:0 6px 14px #1d6fe84d}.metric.tone-success .iconbox{background-image:linear-gradient(135deg,#16a34a,#10b981);box-shadow:0 6px 14px #16a34a4d}.metric.tone-warning .iconbox{background-image:linear-gradient(135deg,#e8790b,#f59e0b);box-shadow:0 6px 14px #e8790b4d}.metric.tone-purple .iconbox{background-image:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 6px 14px #7c3aed4d}.metric.tone-danger .iconbox{background-image:linear-gradient(135deg,#dc2626,#f43f5e)}.metric .value{background:linear-gradient(180deg, var(--ink-900), #27406f);color:#0000;-webkit-background-clip:text;background-clip:text}.main>*{animation:rise .45s var(--ease) backwards}.main>:nth-child(2){animation-delay:50ms}.main>:nth-child(3){animation-delay:.1s}.main>:nth-child(n+4){animation-delay:.15s}.grid>.card{animation:rise .5s var(--ease) backwards}.grid>.card:nth-child(2){animation-delay:60ms}.grid>.card:nth-child(3){animation-delay:.12s}.grid>.card:nth-child(4){animation-delay:.18s}.grid>.card:nth-child(5){animation-delay:.24s}.grid>.card:nth-child(6){animation-delay:.3s}.topbar{-webkit-backdrop-filter:saturate(160%)blur(14px);background:#ffffffd1}.bottomnav{-webkit-backdrop-filter:saturate(160%)blur(16px);background:#fffffff7;border-top-color:#cfd7e6b3}.bottomnav .qr-fab .bubble{background-image:var(--grad-brand);animation:3.2s ease-in-out infinite pulse;box-shadow:0 10px 24px #6a4df073}.navitem.active{box-shadow:inset 3px 0 0 var(--blue-500);background-image:linear-gradient(90deg,#3b86f247,#3b86f20f)}.btn,.navitem,.bottomnav a{transition:background .2s, transform .15s var(--ease), box-shadow .2s}.btn:active,.bottomnav a:active{transform:scale(.97)}.btn.primary{background-image:var(--grad-brand);border-color:#0000;box-shadow:0 4px 14px #1d6fe852}.btn.primary:hover{background-image:linear-gradient(135deg,#1553c7,#5a3de0)}.btn.primary:disabled{box-shadow:none}.input:focus,.select:focus,select:focus,textarea:focus{box-shadow:var(--ring)}:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.skeleton{background:linear-gradient(90deg,#eef2f9 25%,#f8fafd 37%,#eef2f9 63%) 0 0/400% 100%;animation:1.4s infinite shimmer}.login-panel{position:relative;overflow:hidden}.login-panel:before,.login-panel:after{content:"";filter:blur(60px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.login-panel:before{background:#3b86f2;width:360px;height:360px;animation:14s ease-in-out infinite alternate drift;top:-120px;right:-100px}.login-panel:after{background:#7c3aed;width:320px;height:320px;animation:17s ease-in-out infinite alternate-reverse drift;bottom:-120px;left:-80px}.login-panel>*{z-index:1;position:relative}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise .6s var(--ease) backwards;border:1px solid #ffffffb3;box-shadow:0 24px 60px #0f1b3329}@keyframes rise{0%{opacity:0}to{opacity:1}}@keyframes shine{0%{background-position:100% 0}to{background-position:0 0}}@keyframes pulse{0%,to{box-shadow:0 10px 24px #6a4df073}50%{box-shadow:0 10px 34px #6a4df0b3}}@keyframes drift{to{transform:translate(40px,30px)scale(1.15)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media print{.main>.page-head:first-child{color:#000;box-shadow:none;background:0 0}.main>.page-head:first-child h1,.main>.page-head:first-child .sub{color:#000}.main>*,.grid>.card{animation:none}}.dialog-back{z-index:200}.sheet-back{z-index:190}.sheet{z-index:195}.dialog,.sheet,.dialog h2,.sheet h2{color:var(--ink-900)}