:root{--green-50: #eef9ee;--green-100: #d6f0d8;--green-200: #aee2b2;--green-300: #84d189;--green-400: #71c166;--green-500: #39b54a;--green-600: #2e9b3f;--green-700: #257d34;--green-800: #1f6029;--green-900: #194b21;--green-950: #0c2810;--brand: var(--green-500);--brand-soft: var(--green-400);--brand-deep: var(--green-700);--brand-ink: var(--green-950);--ink-950: #0e120f;--ink-900: #161b17;--ink-800: #232a25;--ink-700: #353d37;--ink-600: #4c554e;--ink-500: #6a736c;--ink-400: #909a92;--ink-300: #b9c0bb;--ink-200: #d9deda;--ink-150: #e6eae7;--ink-100: #eef1ef;--ink-50: #f6f8f6;--paper: #ffffff;--fg-1: var(--ink-950);--fg-2: var(--ink-600);--fg-3: var(--ink-400);--fg-on-brand: #ffffff;--bg-1: var(--paper);--bg-2: var(--ink-50);--bg-3: var(--ink-100);--bg-ink: var(--ink-950);--line-1: var(--ink-150);--line-2: var(--ink-200);--line-strong: var(--ink-300);--success: #2e9b3f;--success-bg: #e7f6e9;--warning: #e0a116;--warning-bg: #fbf2dc;--danger: #d6483b;--danger-bg: #fbe7e5;--info: #2f7ed0;--info-bg: #e6f0fb;--font-display: "Jost", "Century Gothic", "Futura", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 3rem;--text-4xl: 4rem;--text-5xl: 5.25rem;--leading-tight: 1.05;--leading-snug: 1.2;--leading-normal: 1.5;--leading-relax: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-caps: .16em;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(14, 18, 15, .06);--shadow-sm: 0 2px 6px rgba(14, 18, 15, .08);--shadow-md: 0 8px 24px rgba(14, 18, 15, .1);--shadow-lg: 0 18px 48px rgba(14, 18, 15, .14);--shadow-brand: 0 12px 30px rgba(57, 181, 74, .28);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px}.display{font-family:var(--font-display);font-weight:300;font-size:var(--text-5xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg-1)}h1,.h1{font-family:var(--font-display);font-weight:400;font-size:var(--text-4xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg-1)}h2,.h2{font-family:var(--font-display);font-weight:400;font-size:var(--text-3xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--fg-1)}h3,.h3{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);line-height:var(--leading-snug);color:var(--fg-1)}h4,.h4{font-family:var(--font-display);font-weight:500;font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--fg-1)}.eyebrow{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--brand)}p,.body{font-family:var(--font-body);font-weight:400;font-size:var(--text-base);line-height:var(--leading-relax);color:var(--fg-2)}.lead{font-family:var(--font-body);font-weight:400;font-size:var(--text-md);line-height:var(--leading-normal);color:var(--fg-2)}.caption{font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg-3)}.code,code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}:root{--accent: var(--green-500);--accent-deep: var(--green-600);--accent-soft: var(--green-100);--accent-ring: rgba(57, 181, 74, .3);--shell-bg: #0e120f;--shell-bg-2: #161b17;--shell-line: rgba(255, 255, 255, .08);--shell-fg: #e6eae7;--shell-fg-dim: #8a948c;--app-display: "Jost", system-ui, sans-serif;--row-pad-y: 9px;--r-card: 14px;--r-control: 10px;--r-pill: 999px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--ink-100);font-family:var(--font-body);color:var(--fg-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::selection{background:var(--accent-soft);color:var(--ink-950)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--ink-200);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--ink-300)}.app{display:grid;grid-template-columns:var(--side-w, 248px) 1fr;height:100vh;overflow:hidden;transition:grid-template-columns .22s cubic-bezier(.22,1,.36,1)}.app.collapsed{--side-w: 76px}.app.restricted{grid-template-columns:1fr}:root:has(.app.restricted){--bottom-nav-h: 0px}.sidebar{background:var(--shell-bg);color:var(--shell-fg);display:flex;flex-direction:column;border-right:1px solid var(--shell-line);overflow:hidden;position:relative}.sidebar-head{display:flex;align-items:center;gap:10px;padding:18px 18px 16px;min-height:68px}.sidebar-logo{width:34px;height:34px;flex:0 0 34px;object-fit:contain}.sidebar-word{font-family:var(--app-display);font-weight:500;letter-spacing:.18em;font-size:14px;color:#fff;white-space:nowrap;text-transform:uppercase}.sidebar-word .ap-tick{color:var(--accent)}.app.collapsed .sidebar-word{opacity:0;pointer-events:none}.sidebar-scroll{flex:1;overflow-y:auto;padding:6px 12px 12px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff1f}.nav-group{margin-top:14px}.nav-group-label{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--shell-fg-dim);padding:0 12px 7px;font-weight:600;white-space:nowrap;overflow:hidden}.app.collapsed .nav-group-label{opacity:0;height:8px;padding:0}.nav-item{display:flex;align-items:center;gap:11px;padding:8.5px 12px;border-radius:9px;color:var(--shell-fg);font-size:13.5px;font-weight:500;border:none;background:transparent;width:100%;text-align:left;position:relative;transition:background .13s,color .13s;white-space:nowrap}.nav-item svg{width:18px;height:18px;flex:0 0 18px;opacity:.82}.nav-item:hover{background:#ffffff0e}.nav-item.active{background:#ffffff14;color:#fff}.nav-item.active svg{opacity:1;color:var(--accent)}.nav-item.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent);border-radius:0 3px 3px 0}.nav-item .nav-count{margin-left:auto;font-size:11px;font-weight:600;background:var(--accent);color:#04210a;border-radius:999px;min-width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.app.collapsed .nav-item .label,.app.collapsed .nav-item .nav-count{opacity:0;width:0;overflow:hidden}.app.collapsed .nav-item{justify-content:center}.sidebar-foot{border-top:1px solid var(--shell-line);padding:12px}.role-switch{background:var(--shell-bg-2);border:1px solid var(--shell-line);border-radius:11px;padding:10px 12px}.role-switch-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--shell-fg-dim);font-weight:600;margin-bottom:7px;display:flex;align-items:center;gap:6px;white-space:nowrap}.role-select{width:100%;background:#0a0d0b;color:#fff;border:1px solid var(--shell-line);border-radius:8px;padding:7px 9px;font-size:13px;font-weight:500}.app.collapsed .sidebar-user{justify-content:center}.app.collapsed .sidebar-user-text,.app.collapsed .sidebar-foot .role-switch-label span,.app.collapsed .role-select{display:none}.main{display:flex;flex-direction:column;overflow:hidden;background:var(--ink-100)}.topbar{height:62px;flex:0 0 62px;background:var(--paper);border-bottom:1px solid var(--line-1);display:flex;align-items:center;gap:14px;padding:0 22px;z-index:30}.collapse-btn{width:34px;height:34px;border:1px solid var(--line-1);background:var(--paper);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-2)}.collapse-btn:hover{background:var(--ink-50);color:var(--fg-1)}.searchbar{display:flex;align-items:center;gap:9px;background:var(--ink-50);border:1px solid var(--line-1);border-radius:10px;padding:0 12px;height:38px;width:min(420px,38vw);color:var(--fg-3)}.searchbar input{border:none;background:transparent;outline:none;font-size:13.5px;color:var(--fg-1);width:100%}.searchbar input::placeholder{color:var(--fg-3)}.searchbar kbd{font-family:var(--font-mono);font-size:10.5px;background:var(--paper);border:1px solid var(--line-1);border-radius:5px;padding:1px 5px;color:var(--fg-3)}.topbar-spacer{flex:1}.icon-btn{position:relative;width:38px;height:38px;border:1px solid var(--line-1);background:var(--paper);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-2)}.icon-btn:hover{background:var(--ink-50);color:var(--fg-1)}.icon-btn .dot{position:absolute;top:7px;right:8px;min-width:15px;height:15px;padding:0 4px;background:var(--accent);color:#04210a;font-size:9.5px;font-weight:700;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--paper)}.avatar{width:34px;height:34px;border-radius:999px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;font-family:var(--app-display);flex:0 0 auto;overflow:hidden}.avatar.sm{width:28px;height:28px;font-size:11px}.avatar.lg{width:44px;height:44px;font-size:16px}.user-chip{display:flex;align-items:center;gap:9px;padding:4px 8px 4px 4px;border-radius:999px;border:1px solid var(--line-1);background:var(--paper)}.user-chip:hover{background:var(--ink-50)}.user-chip .uc-name{font-size:13px;font-weight:600;color:var(--fg-1);line-height:1.15;white-space:nowrap}.user-chip .uc-role{font-size:11px;color:var(--fg-3);line-height:1.15;white-space:nowrap}.content{flex:1;overflow-y:auto}.page{max-width:1240px;margin:0 auto;padding:26px 30px 60px}.page.wide{max-width:1480px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head .ph-eyebrow{font-family:var(--app-display);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:7px}.page-head h1{font-family:var(--app-display);font-weight:400;font-size:30px;letter-spacing:-.02em;margin:0;color:var(--fg-1);line-height:1.05}.page-head .ph-desc{font-size:13.5px;color:var(--fg-2);margin:7px 0 0;max-width:60ch}.page-head-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;font-weight:600;border-radius:var(--r-control);padding:0 16px;height:38px;border:1px solid transparent;transition:background .14s,box-shadow .14s,transform .06s,border-color .14s,color .14s;white-space:nowrap;color:var(--fg-1);background:transparent;text-decoration:none}.btn svg{width:16px;height:16px}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-deep);box-shadow:var(--shadow-brand)}.btn-secondary{background:var(--paper);border-color:var(--line-2);color:var(--fg-1)}.btn-secondary:hover{background:var(--ink-50);border-color:var(--line-strong)}.btn-ghost{background:transparent;color:var(--fg-2)}.btn-ghost:hover{background:var(--ink-100);color:var(--fg-1)}.btn-dark{background:var(--ink-950);color:#fff;border-color:var(--ink-950)}.btn-dark:hover{background:var(--ink-800)}.btn-danger{background:var(--paper);border-color:var(--line-2);color:var(--danger)}.btn-danger:hover{background:var(--danger-bg);border-color:var(--danger)}.btn.sm{height:32px;padding:0 12px;font-size:12.5px;border-radius:8px}.btn.lg{height:44px;padding:0 22px;font-size:14.5px}.btn.block{width:100%}.btn:disabled{opacity:.5;pointer-events:none}.card{background:var(--paper);border:1px solid var(--line-1);border-radius:var(--r-card);box-shadow:var(--shadow-xs)}.card.pad{padding:20px}.card-hoverable{transition:box-shadow .16s,transform .16s,border-color .16s;cursor:pointer}.card-hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--line-2)}.section-title{font-family:var(--app-display);font-weight:500;font-size:16px;letter-spacing:-.01em;color:var(--fg-1);margin:0;display:flex;align-items:center;gap:9px;white-space:normal;overflow-wrap:anywhere}.section-title>svg{flex:none}.section-sub{font-size:12.5px;color:var(--fg-3);margin:3px 0 0}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:2.5px 9px;border-radius:999px;line-height:1.4;white-space:nowrap}.badge .bdot{width:6px;height:6px;border-radius:999px;background:currentColor}.badge-pending{background:var(--warning-bg);color:#9a6a05}.badge-verified{background:var(--info-bg);color:#1f5f9e}.badge-approved{background:var(--accent-soft);color:var(--green-700)}.badge-paid{background:#e6eaf0;color:#3a4a5e}.badge-rejected{background:var(--danger-bg);color:#a8362b}.badge-draft,.badge-neutral{background:var(--ink-100);color:var(--fg-2)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px;border:1px solid var(--line-2);background:var(--paper);color:var(--fg-2)}.chip.active{background:var(--ink-950);color:#fff;border-color:var(--ink-950)}.chip:hover{border-color:var(--line-strong)}.cat-dot{width:8px;height:8px;border-radius:999px;flex:0 0 8px}.cat-travel{background:#2f7ed0}.cat-phone{background:#b06fd6}.cat-others{background:#e0a116}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat{background:var(--paper);border:1px solid var(--line-1);border-radius:var(--r-card);padding:17px 18px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.stat .stat-label{font-size:12px;color:var(--fg-2);font-weight:600;display:flex;align-items:center;gap:7px}.stat .stat-label svg{width:15px;height:15px;color:var(--fg-3)}.stat .stat-value{font-family:var(--app-display);font-weight:400;font-size:30px;letter-spacing:-.02em;color:var(--fg-1);line-height:1.1}.stat .stat-meta{font-size:12px;color:var(--fg-3)}.stat .stat-meta strong{color:var(--accent-deep);font-weight:600}.queue{display:flex;flex-direction:column}.queue-row{display:flex;align-items:center;gap:13px;padding:12px 4px;border-bottom:1px solid var(--line-1);text-align:left;background:transparent;border-left:none;border-right:none;border-top:none;width:100%}.queue-row:last-child{border-bottom:none}.queue-row:hover{background:var(--ink-50)}.queue-row .qr-icon{width:36px;height:36px;border-radius:9px;background:var(--ink-50);border:1px solid var(--line-1);display:inline-flex;align-items:center;justify-content:center;color:var(--fg-2);flex:0 0 36px}.queue-row .qr-main{flex:1;min-width:0}.queue-row .qr-title,.queue-row .qr-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-row .qr-title{font-size:13.5px;font-weight:600;color:var(--fg-1)}.queue-row .qr-sub{font-size:12px;color:var(--fg-3);margin-top:1px}.queue-row .qr-amount{flex-shrink:0;white-space:nowrap;font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--fg-1)}.tbl-wrap{background:var(--paper);border:1px solid var(--line-1);border-radius:var(--r-card);overflow:hidden}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl thead th{text-align:left;font-weight:600;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);padding:10px 14px;background:var(--ink-50);border-bottom:1px solid var(--line-1);white-space:nowrap;position:sticky;top:0;z-index:1}table.tbl thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.tbl thead th.sortable:hover{color:var(--fg-1)}table.tbl thead th .th-inner{display:inline-flex;align-items:center;gap:5px}table.tbl tbody td{padding:var(--row-pad-y) 14px;border-bottom:1px solid var(--line-1);color:var(--fg-1);vertical-align:middle}table.tbl tbody tr{transition:background .1s}table.tbl tbody tr:hover{background:var(--ink-50)}table.tbl tbody tr.selected{background:var(--accent-soft)}table.tbl tbody tr:last-child td{border-bottom:none}.td-mono{font-family:var(--font-mono);font-size:12.5px}.td-mono a{white-space:nowrap}table.tbl tbody td a:not(.btn),.page a:not([class]),.page a.mono{color:var(--brand-deep);text-decoration:none}table.tbl tbody td a:not(.btn):hover,.page a:not([class]):hover,.page a.mono:hover{text-decoration:underline}.td-strong{font-weight:600}.row-actions{display:flex;gap:4px;opacity:0;transition:opacity .12s}table.tbl tbody tr:hover .row-actions{opacity:1}.mini-btn{width:28px;height:28px;border-radius:7px;border:1px solid var(--line-1);background:var(--paper);color:var(--fg-2);display:inline-flex;align-items:center;justify-content:center}.mini-btn:hover{background:var(--ink-100);color:var(--fg-1)}.mini-btn svg{width:14px;height:14px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.toolbar .spacer{flex:1}.filter-input{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line-2);border-radius:9px;height:36px;padding:0 11px;color:var(--fg-3)}.filter-input input{border:none;background:transparent;outline:none;font-size:13px;color:var(--fg-1);width:190px}.seg{display:inline-flex;background:var(--ink-100);border-radius:9px;padding:3px;gap:2px}.seg button{border:none;background:transparent;font-size:12.5px;font-weight:600;color:var(--fg-2);padding:5px 12px;border-radius:7px}.seg button.active{background:var(--paper);color:var(--fg-1);box-shadow:var(--shadow-xs)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12.5px;font-weight:600;color:var(--fg-1)}.field .hint{font-size:11.5px;color:var(--fg-3)}.field .req{color:var(--danger)}.input,.select,.textarea{border:1px solid var(--line-2);background:var(--paper);color:var(--fg-1);border-radius:var(--r-control);padding:9px 11px;font-size:13.5px;width:100%;transition:border-color .13s,box-shadow .13s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.input.with-prefix{padding-left:40px}.input-prefix{position:relative}.input-prefix .pfx{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--fg-3);font-family:var(--font-mono)}.textarea{resize:vertical;min-height:76px;line-height:1.5}.field.invalid .input,.field.invalid .select{border-color:var(--danger)}@media(max-width:640px){.input,.select,.textarea{font-size:16px}.input:not(textarea),.select{height:auto!important;min-height:44px;padding-top:8px!important;padding-bottom:8px!important}.filter-input{height:auto;min-height:44px}.filter-input input{font-size:16px}.btn,.seg button,.popover.user-menu [role=menuitem]{min-height:44px}}.field .err{font-size:11.5px;color:var(--danger);display:flex;align-items:center;gap:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1 / -1}.mode-toggle{display:inline-flex;background:var(--ink-100);border-radius:11px;padding:4px;gap:3px}.mode-toggle button{border:none;background:transparent;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;color:var(--fg-2)}.mode-toggle button svg{width:16px;height:16px}.mode-toggle button.active{background:var(--paper);color:var(--fg-1);box-shadow:var(--shadow-sm)}.mode-toggle button.active svg{color:var(--accent)}.dropzone{border:1.5px dashed var(--line-strong);border-radius:var(--r-card);background:var(--ink-50);padding:38px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;transition:border-color .15s,background .15s}.dropzone.drag{border-color:var(--accent);background:var(--accent-soft)}.dropzone .dz-icon{width:52px;height:52px;border-radius:13px;background:var(--paper);border:1px solid var(--line-1);display:inline-flex;align-items:center;justify-content:center;color:var(--accent)}.dropzone .dz-title{font-size:14.5px;font-weight:600;color:var(--fg-1)}.dropzone .dz-sub{font-size:12.5px;color:var(--fg-3)}.upload-progress{display:flex;flex-direction:column;gap:10px;padding:22px}.progress-bar{height:7px;background:var(--ink-150);border-radius:999px;overflow:hidden}.progress-bar>div{height:100%;background:var(--accent);border-radius:999px;transition:width .2s linear}.ocr-doc{border-radius:11px;overflow:hidden;border:1px solid var(--line-1);background:var(--ink-50);position:relative}.scan-field{background:var(--accent-soft);border:1px solid var(--accent);border-radius:6px;padding:2px 6px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e120f57;z-index:90;opacity:0;animation:fade .18s ease forwards}.drawer{position:fixed;top:0;right:0;height:100vh;width:min(560px,94vw);background:var(--paper);border-left:1px solid var(--line-1);z-index:100;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translate(100%);animation:slideIn .26s cubic-bezier(.22,1,.36,1) forwards}@keyframes slideIn{to{transform:translate(0)}}@keyframes fade{to{opacity:1}}.drawer-head{padding:18px 22px;border-bottom:1px solid var(--line-1);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.drawer-body{flex:1;overflow-y:auto;padding:22px}.drawer-foot{padding:16px 22px;border-top:1px solid var(--line-1);display:flex;gap:10px;background:var(--bg-2)}.popover{position:absolute;top:54px;right:22px;width:380px;background:var(--paper);border:1px solid var(--line-1);border-radius:14px;box-shadow:var(--shadow-lg);z-index:60;overflow:hidden;animation:popIn .16s cubic-bezier(.22,1,.36,1)}.popover.user-menu{width:230px;right:0}@keyframes popIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,calc(-50% - 6px)) scale(.98)}to{opacity:1;transform:translate(-50%,-50%)}}.popover-head{padding:13px 16px;border-bottom:1px solid var(--line-1);display:flex;align-items:center;justify-content:space-between}.popover-head h4{margin:0;font-family:var(--app-display);font-weight:500;font-size:15px}.notif-list{max-height:400px;overflow-y:auto}.notif{display:flex;gap:11px;padding:12px 16px;border-bottom:1px solid var(--line-1);text-align:left;width:100%;background:transparent;border-left:none;border-right:none;border-top:none}.notif:hover{background:var(--ink-50)}.notif.unread{background:var(--accent-soft)}.notif.unread:hover{background:#d6f0d8}.notif-ic{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px}.notif-body{flex:1;min-width:0}.notif-title{font-size:13px;color:var(--fg-1);line-height:1.35}.notif-title strong{font-weight:600}.notif-time{font-size:11px;color:var(--fg-3);margin-top:3px}.notif-text{font-size:12.5px;color:var(--fg-2);line-height:1.35;margin-top:2px}.searchbar input[type=search]::-webkit-search-cancel-button{display:none}.toast-stack{position:fixed;bottom:22px;right:22px;z-index:500;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:flex-start;gap:11px;background:var(--ink-950);color:#fff;border-radius:12px;padding:13px 15px;min-width:300px;max-width:400px;box-shadow:var(--shadow-lg);animation:toastIn .26s cubic-bezier(.22,1,.36,1)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.toast-ic{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px}.toast-ic.ok{background:var(--accent);color:#04210a}.toast-ic.info{background:var(--info)}.toast-ic.warn{background:var(--warning, #e0a116);color:#2a1d00}.toast-ic.err{background:var(--danger);color:#fff}.toast{cursor:default}.toast-title{font-size:13.5px;font-weight:600}.toast-sub{font-size:12px;color:#ffffffb3;margin-top:2px}.chain{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.chain-node{display:flex;align-items:center;gap:7px}.chain-step{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 6px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--line-2);background:var(--paper);color:var(--fg-2)}.chain-step.done{background:var(--accent-soft);border-color:transparent;color:var(--green-700)}.chain-step.current{background:var(--ink-950);color:#fff;border-color:var(--ink-950)}.chain-step .cs-av{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:#00000014}.chain-step.current .cs-av{background:#fff3;color:#fff}.chain-arrow{color:var(--fg-3);display:inline-flex}.empty{text-align:center;padding:56px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty .empty-glyph{font-family:var(--app-display);font-size:64px;line-height:1;color:var(--accent);opacity:.6}.empty h3{font-family:var(--app-display);font-weight:500;font-size:18px;margin:0;color:var(--fg-1)}.empty p{font-size:13.5px;color:var(--fg-3);margin:0;max-width:40ch}.skel{background:linear-gradient(90deg,var(--ink-100) 25%,var(--ink-150) 37%,var(--ink-100) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:6px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.mono{font-family:var(--font-mono)}.muted{color:var(--fg-3)}.fg2{color:var(--fg-2)}.amount{font-family:var(--font-mono);font-weight:500}.divider{height:1px;background:var(--line-1);border:none;margin:16px 0}.kv{display:flex;flex-direction:column;gap:3px}.kv .k{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);font-weight:600}.kv .v{font-size:14px;color:var(--fg-1);font-weight:500}.greeting-quote{font-family:var(--app-display);color:var(--accent);font-weight:300}.help-tip{position:relative;display:inline-flex}.help-tip .tip-trigger{display:inline-flex;padding:0;border:0;background:none;color:var(--fg-3);cursor:help;border-radius:50%}.help-tip .tip-bubble{display:none;position:absolute;bottom:calc(100% + 8px);right:-6px;background:var(--ink-950);color:#fff;font-size:11.5px;line-height:1.4;font-weight:400;padding:8px 11px;border-radius:8px;width:220px;max-width:calc(100vw - 32px);text-align:left;pointer-events:none;z-index:50;box-shadow:var(--shadow-md)}.help-tip.open .tip-bubble{display:block}.help-tip .tip-bubble:after{content:"";position:absolute;top:100%;right:12px;border:5px solid transparent;border-top-color:var(--ink-950)}.fade-in{animation:pageIn .3s cubic-bezier(.22,1,.36,1)}@keyframes pageIn{0%{transform:translateY(8px)}to{transform:none}}@media(prefers-reduced-motion:reduce){.fade-in{animation:none}}@media(max-width:1080px){.form-grid,.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}.touch{min-width:44px;min-height:44px}.show-on-mobile{display:none}@media(max-width:640px){.hide-on-mobile{display:none!important}.show-on-mobile{display:inline-flex}}.sticky-actions{position:sticky;bottom:0;z-index:20;display:flex;gap:10px;align-items:center;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line-1);box-shadow:0 -6px 18px #0e120f0d}.sticky-actions .btn{flex:0 0 auto}.sticky-actions .grow{flex:1}@media(max-width:640px){.sticky-actions{position:fixed;left:0;right:0;bottom:calc(var(--bottom-nav-h, 60px) + env(safe-area-inset-bottom));margin:0!important;padding:10px 16px;z-index:30}.sticky-actions>.grow:empty{display:none}.sticky-actions>.btn-primary:only-of-type{flex:1}.content:has(.sticky-actions){padding-bottom:calc(var(--bottom-nav-h, 60px) + env(safe-area-inset-bottom) + 64px)}}@media(max-width:640px){[class*=-layout]{align-items:stretch!important}[class*=-layout]>*{min-width:0;max-width:100%}}@media(max-width:640px){.tbl-wrap.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}table.tbl.cards-on-mobile{display:block;width:100%}table.tbl.cards-on-mobile thead{display:none}table.tbl.cards-on-mobile tbody{display:block}table.tbl.cards-on-mobile tbody tr{display:block;background:var(--paper);border:1px solid var(--line-1);border-radius:var(--r-card);padding:6px 14px;margin-bottom:10px}table.tbl.cards-on-mobile tbody tr:hover{background:var(--paper)}table.tbl.cards-on-mobile tbody tr:last-child td{border-bottom:1px solid var(--line-1)}table.tbl.cards-on-mobile tbody td{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid var(--line-1);text-align:right}table.tbl.cards-on-mobile tbody td:last-child{border-bottom:none}table.tbl.cards-on-mobile tbody td:before{content:attr(data-label);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);text-align:left;flex:0 0 auto}table.tbl.cards-on-mobile .row-actions{opacity:1}}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:100;background:var(--paper);border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:var(--shadow-lg);padding:8px 16px calc(16px + env(safe-area-inset-bottom));max-height:86vh;overflow-y:auto;transform:translateY(100%);animation:sheetIn .26s cubic-bezier(.22,1,.36,1) forwards}@keyframes sheetIn{to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.bottom-sheet{animation:none;transform:none}}.bottom-sheet-grip{width:38px;height:4px;border-radius:999px;background:var(--line-2);margin:6px auto 4px}.bottom-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:6px 0 12px}.bottom-sheet-head h4{margin:0;font-family:var(--app-display);font-weight:500;font-size:16px}.submit-sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-bottom:6px}.submit-sheet-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;border:1px solid var(--line-1);border-radius:var(--r-card);background:var(--paper);color:var(--fg-1);text-align:center}.submit-sheet-item:hover{background:var(--ink-50);border-color:var(--line-2)}.submit-sheet-item:active{transform:scale(.98)}.submit-sheet-item .ssi-ic{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--green-700)}.submit-sheet-item .ssi-label{font-size:12.5px;font-weight:600;line-height:1.2}.bottom-nav,.bottom-nav-fab{display:none}@media(max-width:640px){:root{--bottom-nav-h: 0px}:root:has(.app){--bottom-nav-h: 60px}:root:not(:has(.app)) #root:has(.sticky-actions){padding-bottom:calc(env(safe-area-inset-bottom) + 76px)}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;position:fixed;left:0;right:0;bottom:0;z-index:80;height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--line-1);box-shadow:0 -4px 16px #0e120f0f}.bottom-nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;color:var(--fg-3);font-family:var(--font-body);padding:6px 2px 4px}.bottom-nav-tab .bn-ic{position:relative;display:inline-flex}.bottom-nav-tab .bn-label{font-size:10.5px;font-weight:600;letter-spacing:.01em;line-height:1}.bottom-nav-tab.active{color:var(--accent-deep)}.bottom-nav-tab.active .bn-ic svg{color:var(--accent)}.bottom-nav-tab .bn-count{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;background:var(--accent);color:#04210a;font-size:9.5px;font-weight:700;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--paper)}.bottom-nav-fab{display:inline-flex;align-items:center;justify-content:center;justify-self:center;align-self:center;width:52px;height:52px;margin-top:-14px;border:none;border-radius:999px;background:var(--accent);color:#fff;box-shadow:var(--shadow-brand)}.bottom-nav-fab:active{transform:scale(.95)}}.mobile-nav-drawer{position:fixed;top:0;left:0;bottom:0;z-index:100;width:min(320px,86vw);background:var(--shell-bg);color:var(--shell-fg);border-right:1px solid var(--shell-line);display:flex;flex-direction:column;transform:translate(-100%);animation:drawerInLeft .26s cubic-bezier(.22,1,.36,1) forwards;padding-top:env(safe-area-inset-top)}@keyframes drawerInLeft{to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.mobile-nav-drawer{animation:none;transform:none}}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 14px;border-bottom:1px solid var(--shell-line)}.mobile-nav-head .icon-btn{background:transparent;border-color:var(--shell-line);color:var(--shell-fg)}.mobile-nav-head .icon-btn:hover{background:#ffffff0f;color:#fff}.mobile-nav-scroll{flex:1;overflow-y:auto;padding:6px 12px 12px}.mobile-nav-scroll::-webkit-scrollbar-thumb{background:#ffffff1f}.mobile-nav-foot{border-top:1px solid var(--shell-line);padding:12px 12px calc(12px + env(safe-area-inset-bottom))}@media(max-width:900px){.app{--side-w: 212px}.sidebar-head{gap:8px;padding-inline:14px}.sidebar-word{letter-spacing:.1em;font-size:13px}.app.collapsed{--side-w: 72px}.page{padding:22px 22px 56px}.page.wide{max-width:100%}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.searchbar{width:min(320px,32vw)}}@media(max-width:640px){.app{display:block;height:100dvh;overflow:visible}.sidebar{display:none}.main{height:100dvh}.content{padding-bottom:calc(var(--bottom-nav-h, 60px) + env(safe-area-inset-bottom))}.topbar{position:relative;z-index:40;height:56px;flex:0 0 56px;gap:10px;padding:0 14px;padding-top:env(safe-area-inset-top);height:calc(56px + env(safe-area-inset-top));flex-basis:calc(56px + env(safe-area-inset-top))}.topbar-brand{width:28px;height:28px;object-fit:contain}.topbar .searchbar,.topbar .searchbar kbd{display:none}.topbar.search-open .searchbar{display:flex;position:absolute;left:10px;right:10px;top:calc(50% + env(safe-area-inset-top)/2);transform:translateY(-50%);width:auto;height:40px;z-index:5}.topbar.search-open .search-toggle{display:none}.topbar:not(.search-open) .search-close{display:none}.topbar.search-open .searchbar input{font-size:16px}.search-close{border:none;background:transparent;color:var(--fg-3);display:inline-flex;align-items:center;justify-content:center;padding:0;margin-left:2px}.page{padding:16px 14px 28px;max-width:100%}.page.wide{padding:16px 14px 28px}.page-head{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:16px}.page-head h1{font-size:25px}.page-head-actions{flex-wrap:wrap}.page-head-actions .btn{flex:1 1 auto}.form-grid,.grid-2,.grid-3,.stat-grid{grid-template-columns:1fr}.form-grid{gap:14px}.toolbar{gap:8px}.toolbar .spacer{flex-basis:100%;height:0}.filter-input,.filter-input input,.seg{width:100%}.seg button{flex:1}.drawer{width:100vw}.drawer-foot{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.popover{position:fixed;top:calc(62px + env(safe-area-inset-top));left:10px;right:10px;width:auto}.popover.user-menu{width:auto;right:10px}.card.pad{padding:16px}.stat .stat-value{font-size:26px}.toast-stack{left:12px;right:12px;bottom:calc(var(--bottom-nav-h, 60px) + env(safe-area-inset-bottom) + 12px)}.toast{min-width:0;max-width:none;width:100%}.mode-toggle{width:100%}.mode-toggle button{flex:1;justify-content:center}.dropzone{padding:26px 16px}.chain{gap:6px}}@media(max-width:380px){.page{padding:14px 11px 24px}.page-head h1{font-size:22px}.stat .stat-value{font-size:23px}.bottom-nav-tab .bn-label{font-size:9.5px}.submit-sheet-grid{grid-template-columns:repeat(2,1fr)}.page-head-actions .btn{width:100%}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:390;background:#0e120f80;opacity:0;animation:fade .18s ease forwards}.modal{position:fixed;top:50%;left:50%;z-index:400;transform:translate(-50%,-50%);width:min(var(--modal-w, 520px),92vw);max-height:90vh;display:flex;flex-direction:column;background:var(--paper);border-radius:var(--r-card);box-shadow:var(--shadow-lg);overflow:hidden;animation:modalIn .18s cubic-bezier(.22,1,.36,1)}.modal:focus{outline:none}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 22px;border-bottom:1px solid var(--line-1)}.modal-title{margin:0;font-family:var(--app-display);font-size:18px;font-weight:500}.modal-sub{margin:4px 0 0;font-size:12.5px;color:var(--fg-3)}.modal-form{display:flex;flex-direction:column;min-height:0;flex:1}.modal-body{padding:20px 22px;overflow-y:auto;flex:1;min-height:0}.modal-foot{display:flex;align-items:center;gap:10px;padding:14px 22px;border-top:1px solid var(--line-1);background:var(--bg-2)}.modal-foot .grow{flex:1}.modal-error{display:flex;align-items:flex-start;gap:8px;background:var(--danger-bg);color:var(--danger);border-radius:var(--r-control);padding:10px 14px;font-size:13px;margin-bottom:16px}.modal-error svg{flex:0 0 auto;margin-top:1px}.confirm-message{font-size:13.5px;color:var(--fg-2);line-height:1.5}@media(max-width:640px){.modal{top:auto;bottom:0;left:0;right:0;transform:none;width:100%;max-height:92dvh;border-radius:18px 18px 0 0;animation:sheetUp .24s cubic-bezier(.22,1,.36,1)}.modal-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom));flex-wrap:wrap}.modal-foot .btn{flex:1 1 auto;justify-content:center}.modal-foot .grow:empty{display:none}.modal .input,.modal .select,.modal .textarea{font-size:16px}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){.modal,.modal-scrim{animation:none;opacity:1}}.pager{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;color:var(--fg-3)}.pager-spacer{flex:1}.pager-page{white-space:nowrap;color:var(--fg-2)}.pager-size{display:inline-flex;align-items:center;gap:6px;margin-right:6px}.pager-size select{height:30px;padding:0 8px;width:auto}.pager .mini-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.pager{flex-wrap:wrap;padding:10px 4px}.pager-count{flex-basis:100%}.pager .mini-btn{width:40px;height:40px}}.combo{position:relative}.combo-input{display:flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 12px;border:1px solid var(--line-2);border-radius:var(--r-control);background:var(--paper);color:var(--fg-3)}.combo-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.combo-input.disabled{background:var(--ink-50)}.field.invalid .combo-input{border-color:var(--danger)}.combo-field{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:13.5px;color:var(--fg-1)}.combo-clear{border:none;background:transparent;color:var(--fg-3);display:inline-flex;padding:4px;border-radius:6px}.combo-clear:hover{background:var(--ink-100);color:var(--fg-1)}.combo-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:420;margin:0;padding:4px;list-style:none;max-height:280px;overflow-y:auto;background:var(--paper);border:1px solid var(--line-1);border-radius:10px;box-shadow:var(--shadow-lg)}.combo-option{display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:7px;cursor:pointer}.combo-option.active{background:var(--ink-50)}.combo-option.selected .combo-label{font-weight:600}.combo-option.disabled{opacity:.5;cursor:not-allowed}.combo-label{font-size:13px;color:var(--fg-1)}.combo-sub{font-size:11.5px;color:var(--fg-3)}.combo-empty{padding:10px;font-size:12.5px;color:var(--fg-3)}@media(max-width:640px){.combo-input{height:44px}.combo-field{font-size:16px}}.system-page{min-height:min(70vh,100%);display:grid;place-items:center;padding:32px 16px}#root>.system-page{min-height:100dvh;background:var(--bg-2)}.system-card{position:relative;overflow:hidden;width:min(480px,100%);background:var(--paper);border:1px solid var(--line-1);border-radius:var(--r-card);box-shadow:var(--shadow-sm);padding:34px 30px 28px}.system-glyph{position:absolute;right:-14px;top:-58px;font-family:var(--app-display);font-weight:300;font-size:220px;line-height:1;color:var(--accent);opacity:.12;-webkit-user-select:none;user-select:none;pointer-events:none}.system-icon{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--danger-bg);color:var(--danger);margin-bottom:14px}.system-title{font-family:var(--app-display);font-weight:400;font-size:28px;letter-spacing:-.02em;margin:6px 0 8px}.system-sub{font-size:13.5px;color:var(--fg-2);line-height:1.55;margin:0 0 22px;max-width:40ch}.system-detail{font-family:var(--font-mono);font-size:11.5px;color:var(--fg-3);background:var(--ink-50);border-radius:8px;padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:-8px 0 20px}.system-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:640px){.system-actions .btn{flex:1 1 auto;justify-content:center}}.section-error{display:flex;align-items:center;gap:12px}.section-error-ic{width:32px;height:32px;border-radius:8px;flex:0 0 32px;display:inline-flex;align-items:center;justify-content:center;background:var(--danger-bg);color:var(--danger)}.route-pending{display:flex;align-items:center;justify-content:center;min-height:40vh;color:var(--fg-3);font-size:13px;gap:10px}.route-pending .spinner{width:18px;height:18px;border-radius:999px;border:2px solid var(--line-2);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.route-pending .spinner{animation:none}}