:root{--liv-bg:#081225;--liv-surface:#132238;--liv-surface-2:#1b2d46;--liv-text:#f8fafc;--liv-muted:#cbd5e1;--liv-line:rgba(255,255,255,.06);--liv-topbar-h:64px;--liv-bottombar-h:72px;}
html,body{background:var(--liv-bg);color:var(--liv-text)} body{min-height:100vh;overflow-x:hidden}
.liv-app{min-height:100vh;padding-top:calc(var(--liv-topbar-h) + .75rem);padding-bottom:calc(var(--liv-bottombar-h) + 1rem)}
.liv-topbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--liv-topbar-h);background:rgba(8,18,37,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--liv-line)}
.liv-topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.liv-topbar-title{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin:0}
.liv-topbar-meta{font-size:.875rem;color:var(--liv-muted)}
.liv-card{background:linear-gradient(180deg,var(--liv-surface),var(--liv-surface-2));border:1px solid var(--liv-line);border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.liv-card .card-body{padding:1rem}.liv-muted{color:var(--liv-muted)}.liv-status-error{color:#fecaca}.liv-status-success{color:#bbf7d0}
.liv-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:999px;background:rgba(255,255,255,.06);font-size:.875rem}
.liv-section-title{font-size:1rem;font-weight:800;margin:0 0 .75rem}.liv-stack{display:grid;gap:.75rem}.liv-btn-row{display:flex;flex-wrap:wrap;gap:.5rem}
.liv-bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:1000;height:var(--liv-bottombar-h);background:rgba(8,18,37,.96);backdrop-filter:blur(12px);border-top:1px solid var(--liv-line)}
.liv-bottomnav-inner{height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;align-items:center}
.liv-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--liv-muted);font-size:.8rem;font-weight:700;padding:.4rem .25rem;border-radius:.85rem}
.liv-nav-btn.is-active{color:#fff;background:rgba(37,99,235,.18)} .liv-nav-icon{font-size:1.1rem;line-height:1;margin-bottom:.15rem}
.liv-board-col{display:flex;flex-direction:column;gap:.75rem}.liv-board-col .liv-col-title{font-size:1rem;font-weight:700;margin:0 0 .25rem}
.liv-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}
.liv-item-title{font-weight:800;margin:0 0 .25rem}.liv-item-price{font-size:1.05rem;font-weight:700}.liv-item-meta{font-size:.85rem;color:var(--liv-muted)}
.form-control,.form-select{background:#0f172a;color:#f8fafc;border-color:#334155}.form-control::placeholder{color:#94a3b8}
.form-control:focus,.form-select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 .2rem rgba(37,99,235,.2)}
.liv-cart-row{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.05)}
.liv-order-items .liv-cart-row:last-child{border-bottom:none}
.liv-verify-ok{color:#86efac;font-weight:700}.liv-verify-bad{color:#fca5a5;font-weight:700}.liv-verify-sub{color:#fde68a;font-weight:700}
@media (max-width:575.98px){.liv-app{padding-top:calc(var(--liv-topbar-h) + .5rem);padding-bottom:calc(var(--liv-bottombar-h) + .75rem)} .card-body{padding:.875rem} .btn{width:100%} .liv-btn-row{display:grid;grid-template-columns:1fr;gap:.5rem} .liv-topbar-title{font-size:1.2rem}}

.liv-group-box{border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1rem;margin-top:1rem;background:rgba(255,255,255,.03)}
.liv-group-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.75rem}
.liv-badge{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:999px;background:rgba(255,255,255,.08);font-size:.8rem}

.liv-btn-disabled{opacity:.45;pointer-events:none}
.liv-progress-list{display:grid;gap:.5rem;margin-top:.75rem}
.liv-progress-group{border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:.875rem;background:rgba(255,255,255,.03)}
.liv-progress-group h3{font-size:.95rem;margin:0 0 .5rem}

.liv-scan-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}
.liv-progress-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:.4rem}
.liv-progress-bar > span{display:block;height:100%;background:rgba(34,197,94,.85)}
.liv-kicker{font-size:.78rem;color:var(--liv-muted);text-transform:uppercase;letter-spacing:.06em}

.liv-issue-box{border:1px solid rgba(239,68,68,.35);box-shadow:0 0 0 1px rgba(239,68,68,.08) inset}
.liv-focus-box{border:1px solid rgba(34,197,94,.35);box-shadow:0 0 0 1px rgba(34,197,94,.08) inset}
.liv-scanner-shell{margin-top:.75rem;border:1px dashed rgba(255,255,255,.15);border-radius:1rem;padding:.9rem;background:rgba(255,255,255,.025)}
.liv-scanner-preview{margin-top:.5rem;border-radius:.85rem;padding:.75rem;background:rgba(255,255,255,.04)}
.liv-scanner-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.65rem}

.liv-chip-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}
.liv-chip{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);font-size:.82rem;cursor:pointer}
.liv-chip:hover{background:rgba(255,255,255,.09)}
.liv-camera-shell{margin-top:.5rem;padding:.6rem;border-radius:.8rem;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.18)}

.liv-nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;height:1.2rem;padding:0 .35rem;border-radius:999px;background:rgba(239,68,68,.9);color:#fff;font-size:.72rem;font-weight:800;margin-left:.2rem}
.liv-banner{margin-top:.75rem;padding:.85rem 1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.liv-banner.is-done{border-color:rgba(34,197,94,.32);background:rgba(34,197,94,.08)}
.liv-banner.is-pending{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.08)}
.liv-banner-title{font-size:.92rem;font-weight:800;margin:0 0 .2rem}
.liv-camera-input{display:none}

.liv-proof-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.25)}
.liv-issue-queue{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25)}
.liv-handoff{margin-top:.75rem;padding:.9rem;border-radius:1rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3)}

.liv-mode-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.3)}

.liv-validate-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(14,165,233,.08);border:1px solid rgba(14,165,233,.28)}
.liv-signature-pad{margin-top:.5rem;min-height:72px;border-radius:.85rem;border:1px dashed rgba(255,255,255,.18);padding:.75rem;background:rgba(255,255,255,.03)}

.liv-notify-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.28)}
.liv-summary-card{margin-top:.9rem;padding:1rem;border-radius:1rem;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.28)}
.liv-proof-history{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.25)}

.liv-timeline{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.28)}
.liv-timeline-step{margin-bottom:.5rem;font-size:.85rem}
.liv-item-proof{font-size:.8rem;color:rgba(255,255,255,.7)}
.liv-issue-report{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.28)}

.liv-notify-realtime{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.28)}
.liv-payout-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(234,179,8,.08);border:1px solid rgba(234,179,8,.28)}
.liv-rating-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(244,114,182,.08);border:1px solid rgba(244,114,182,.28)}

.liv-finance-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.28)}
.liv-anomaly-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.28)}
.liv-hook-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.28)}

.liv-settings-shell{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.28)}
.liv-fraud-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.28)}

.liv-admin-action-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(147,51,234,.08);border:1px solid rgba(147,51,234,.28)}
.liv-review-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(239,68,68,.10);border:1px solid rgba(239,68,68,.30)}

.liv-review-queue{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.28)}
.liv-filter-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}

.liv-drawer{margin-top:.75rem;padding:1rem;border-radius:1rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.liv-count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 .4rem;border-radius:999px;background:rgba(255,255,255,.12);font-size:.74rem;font-weight:800}

.liv-audit-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.28)}
.liv-event-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(14,165,233,.08);border:1px solid rgba(14,165,233,.28)}
.liv-stripe-shell{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.28)}

.liv-audit-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}

.liv-batch-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.28)}

.liv-chart-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.28)}
.liv-search-box{margin-top:.5rem}
.liv-bars{display:grid;gap:.5rem;margin-top:.75rem}
.liv-bar{display:grid;grid-template-columns:140px 1fr auto;gap:.75rem;align-items:center}
.liv-bar-track{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.liv-bar-fill{height:100%;background:rgba(37,99,235,.8)}

.liv-inline-edit{margin-top:.5rem;padding:.75rem;border-radius:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}

.liv-compact-toggle{margin-top:.5rem}
.liv-compact-mode .liv-card .card-body{padding:.65rem}
.liv-compact-mode .liv-section-title{font-size:.92rem;margin-bottom:.45rem}
.liv-compact-mode .liv-item-meta{font-size:.78rem}
.liv-history-box{margin-top:.75rem;padding:.85rem;border-radius:1rem;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.28)}
@media (max-width: 768px){
  .liv-mobile-stack{display:grid;gap:.6rem}
}