:root{--font-display:Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--fs-2xs:.6875rem;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.625rem;--fs-2xl:2.1rem;--fs-3xl:2.6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--bg:#f1f5f8;--surface:#fff;--surface-2:#eaf0f5;--border:#d7e1e8;--border-soft:#e5ecf1;--text:#101d2b;--text-muted:#55697c;--text-faint:#8497a8;--navy-900:#0a2038;--navy-800:#0f2c48;--navy-700:#17395c;--navy-600:#22496f;--accent:#1c6ea4;--accent-strong:#124f79;--accent-soft:#dcedf7;--accent-ink:#fff;--positive:#0e7a5f;--positive-soft:#dcf1e9;--negative-ink:#101d2b;--danger:#ac3d35;--danger-soft:#f8e3e0;--warning:#93610b;--warning-soft:#f7ead0;--shadow-card:0 1px 2px #101d2b0a, 0 8px 24px -12px #101d2b1f;--shadow-pop:0 12px 40px -8px #0a203847}@media (prefers-color-scheme:dark){:root{--bg:#0a1420;--surface:#101d2b;--surface-2:#16273b;--border:#253a50;--border-soft:#1c2e42;--text:#e8eef4;--text-muted:#93a7ba;--text-faint:#64798c;--navy-900:#07121e;--navy-800:#0c1c2c;--navy-700:#12283e;--navy-600:#1a3752;--accent:#5fa8dd;--accent-strong:#85bfe8;--accent-soft:#163449;--accent-ink:#06131e;--positive:#45c096;--positive-soft:#10331f;--negative-ink:#e8eef4;--danger:#e2938a;--danger-soft:#3a1e1c;--warning:#e0ac4f;--warning-soft:#372a11;--shadow-card:0 1px 2px #0000004d, 0 12px 30px -14px #0009;--shadow-pop:0 20px 50px -10px #0009}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{text-wrap:balance;margin:0;font-weight:600}p{margin:0}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);letter-spacing:.02em}.display{font-family:var(--font-display)}.auth-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}@media (width<=860px){.auth-wrap{grid-template-columns:1fr}.brand-panel{display:none}}.brand-panel{background:radial-gradient(1100px 500px at -10% -20%, var(--navy-600) 0%, transparent 60%), linear-gradient(160deg, var(--navy-900), var(--navy-800) 60%, var(--navy-700));color:#eaf1f8;flex-direction:column;justify-content:space-between;padding:3rem;display:flex;position:relative;overflow:hidden}.brand-panel:after{content:"";border:1px solid #eaf1f824;border-radius:50%;width:520px;height:520px;position:absolute;inset:auto -20% -30% auto}.brand-panel:before{content:"";border:1px solid #eaf1f814;border-radius:50%;width:720px;height:720px;position:absolute;inset:auto -35% -45% auto}.brand-video{object-fit:cover;z-index:0;filter:saturate(.7)brightness(.55)contrast(1.08);will-change:transform;width:100%;height:100%;animation:36s ease-in-out infinite alternate brandVideoDrift;position:absolute;inset:0}@keyframes brandVideoDrift{0%{transform:scale(1.06)translate(0,0)}to{transform:scale(1.16)translate(-1.2%,-1%)}}@media (prefers-reduced-motion:reduce){.brand-video{animation:none;transform:scale(1.06)}}.brand-video-overlay{z-index:0;background:linear-gradient(#08121e9e 0%,#08121e47 38%,#08121ecc 100%),radial-gradient(1100px 500px at -10% -20%,#2e6e9659,#0000 60%);position:absolute;inset:0}.brand-mark{z-index:1;align-items:center;gap:.65rem;display:flex;position:relative}.brand-mark svg{flex:none}.brand-mark span{font-family:var(--font-display);letter-spacing:.01em;font-size:1.3rem}.brand-copy{z-index:1;max-width:26rem;position:relative}.brand-copy h1{font-family:var(--font-display);color:#f4f8fb;font-size:2.5rem;font-weight:500;line-height:1.15}.brand-copy p{color:#b7c8d8;font-size:var(--fs-md);margin-top:1rem;line-height:1.6}.brand-foot{z-index:1;color:#8fa4b8;font-size:var(--fs-xs);position:relative}.auth-form-side{justify-content:center;align-items:center;padding:2.5rem 1.5rem;display:flex}.auth-card{width:100%;max-width:23rem}.auth-card .brand-mark{color:var(--navy-800);margin-bottom:2rem}.auth-card .brand-mark span{color:var(--text)}@media (width>=861px){.auth-card .brand-mark{display:none}}.auth-card h2{font-family:var(--font-display);font-weight:500;font-size:var(--fs-2xl);color:var(--text)}.auth-card .sub{color:var(--text-muted);font-size:var(--fs-sm);margin-top:.4rem}.auth-form{flex-direction:column;gap:1rem;margin-top:1.75rem;display:flex}.auth-foot{font-size:var(--fs-sm);color:var(--text-muted);text-align:center;margin-top:1.5rem}.link-btn{color:var(--accent);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0}.staff-link{text-align:center;margin-top:2.2rem}.staff-link button{color:var(--text-faint);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none}.staff-link button:hover{color:var(--text-muted)}.staff-wrap{background:radial-gradient(900px 500px at 100% 0%, var(--navy-600) 0%, transparent 55%), linear-gradient(160deg, var(--navy-900), var(--navy-800) 65%, var(--navy-700));justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.staff-card{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:24rem;box-shadow:var(--shadow-pop);padding:2.2rem 2rem}.staff-card .brand-mark{color:var(--navy-800);margin-bottom:1.4rem}.staff-card .brand-mark span{color:var(--text)}.staff-tag{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;margin-bottom:.6rem;padding:.2rem .55rem;font-weight:700;display:inline-block}.field{flex-direction:column;gap:.35rem;display:flex}.field label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.field .hint{font-size:var(--fs-xs);color:var(--danger)}.input-wrap{align-items:center;display:flex;position:relative}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],select,textarea{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-sm);font-size:var(--fs-base);padding:.65rem .8rem;transition:border-color .15s,box-shadow .15s}select{appearance:none;padding-right:2.2rem}.select-wrap{position:relative}.select-wrap svg{pointer-events:none;color:var(--text-faint);position:absolute;top:50%;right:.7rem;transform:translateY(-50%)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input.invalid{border-color:var(--danger)}.toggle-eye{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:.2rem;display:flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.toggle-eye:hover{color:var(--text-muted)}.radio-row{gap:.6rem;display:flex}.radio-card{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-sm);background:var(--surface);flex:1;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.radio-card input{accent-color:var(--accent)}.radio-card.active{border-color:var(--accent);background:var(--accent-soft)}.btn{border-radius:var(--radius-sm);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.1rem;font-weight:600;transition:filter .15s,background .15s,border-color .15s;display:inline-flex}.btn:active{filter:brightness(.94)}.btn-block{width:100%}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-strong)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{color:var(--danger);border-color:var(--danger-soft);background:0 0}.btn-danger:hover{background:var(--danger-soft)}.btn-sm{font-size:var(--fs-xs);padding:.4rem .75rem}.btn:disabled{opacity:.5;cursor:not-allowed}.app-shell{grid-template-columns:236px 1fr;min-height:100vh;display:grid}@media (width<=880px){.app-shell{grid-template-columns:1fr}}.sidebar{background:linear-gradient(180deg, var(--navy-900), var(--navy-800));color:#dfe9f2;flex-direction:column;gap:1.75rem;padding:1.4rem 1rem;display:flex}@media (width<=880px){.sidebar{display:none}}.sidebar .brand-mark{color:#f2f6fa;padding:0 .4rem}.sidebar .brand-mark span{font-size:1.15rem}.nav-list{flex-direction:column;flex:1;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.nav-item{border-radius:var(--radius-sm);color:#b6c6d6;font-size:var(--fs-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.6rem .75rem;font-weight:500;display:flex}.nav-item svg{opacity:.85;flex:none}.nav-item:hover{color:#eef4f9;background:#ffffff0f}.nav-item.active{color:#fff;background:#5fa8dd29}.nav-item.active svg{color:var(--accent-strong);opacity:1}.sidebar-foot{border-top:1px solid #ffffff17;flex-direction:column;gap:.25rem;padding-top:1rem;display:flex}.nav-badge{background:var(--warning);color:#2b1c04;font-size:var(--fs-2xs);border-radius:999px;margin-left:auto;padding:.05rem .4rem;font-weight:700;line-height:1.4}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:none;position:sticky;top:0}@media (width<=880px){.topbar{display:flex}}.icon-btn{color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:.4rem;display:flex}.icon-btn:hover{background:var(--surface-2)}.drawer-overlay{z-index:40;background:#060f1980;position:fixed;inset:0}.drawer{z-index:41;background:linear-gradient(180deg, var(--navy-900), var(--navy-800));color:#dfe9f2;width:78%;max-width:280px;box-shadow:var(--shadow-pop);flex-direction:column;gap:1.5rem;padding:1.4rem 1rem;display:flex;position:fixed;top:0;bottom:0;left:0}main.page{max-width:1180px;padding:1.75rem 2rem 5rem}@media (width<=880px){main.page{padding:1.25rem 1.1rem 5.5rem}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;display:flex}.page-head h1{font-family:var(--font-display);font-weight:500;font-size:var(--fs-2xl)}.page-head .meta{color:var(--text-muted);font-size:var(--fs-sm)}.bottom-nav{z-index:20;background:var(--surface);border-top:1px solid var(--border);padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=640px){.bottom-nav{display:flex}}.bottom-nav button{color:var(--text-faint);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;align-items:center;gap:.2rem;padding:.3rem .6rem;font-size:.65rem;font-weight:600;display:flex}.bottom-nav button.active{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.card-pad{padding:1.25rem 1.3rem}.grid-accounts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.account-card{flex-direction:column;gap:.9rem;padding:1.3rem 1.3rem 1.1rem;display:flex}.account-card .kind{justify-content:space-between;align-items:center;display:flex}.kind-badge{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.25rem .55rem;font-weight:700}.account-card .acct-name{font-size:var(--fs-sm);color:var(--text-muted)}.account-card .acct-number{font-size:var(--fs-xs);color:var(--text-faint)}.account-card .balance{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:-.01em}.spark{margin-top:-.2rem;display:block}.quick-actions{grid-template-columns:repeat(3,1fr);gap:.85rem;margin-top:1.5rem;display:grid}@media (width<=640px){.quick-actions{grid-template-columns:1fr}}.quick-action{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);cursor:pointer;text-align:left;align-items:center;gap:.85rem;padding:1rem 1.1rem;display:flex}.quick-action:hover{border-color:var(--accent)}.quick-action .qi{background:var(--accent-soft);width:2.4rem;height:2.4rem;color:var(--accent-strong);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.quick-action strong{font-size:var(--fs-sm);display:block}.quick-action span.d{font-size:var(--fs-xs);color:var(--text-muted);display:block}.section-title{justify-content:space-between;align-items:center;margin:2rem 0 .9rem;display:flex}.section-title h2{font-size:var(--fs-md);font-weight:600}.section-title button.link{font-size:var(--fs-sm);color:var(--accent);cursor:pointer;background:0 0;border:none}.txn-row{border-top:1px solid var(--border-soft);grid-template-columns:2.4rem 1fr auto;align-items:center;gap:.85rem;padding:.85rem 1.1rem;display:grid}.txn-row:first-child{border-top:none}.txn-icon{background:var(--surface-2);width:2.4rem;height:2.4rem;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;display:flex}.txn-icon.credit{background:var(--positive-soft);color:var(--positive)}.txn-main .desc{font-size:var(--fs-sm);font-weight:600}.txn-main .meta{font-size:var(--fs-xs);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.1rem;display:flex}.txn-amt{text-align:right;font-weight:700;font-size:var(--fs-sm)}.txn-amt.credit{color:var(--positive)}.txn-amt .bal{font-weight:400;font-size:var(--fs-2xs);color:var(--text-faint);margin-top:.15rem;display:block}.pill{font-size:var(--fs-2xs);background:var(--surface-2);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-weight:600}.pill-open,.pill-processing{background:var(--warning-soft);color:var(--warning)}.pill-resolved,.pill-approved{background:var(--positive-soft);color:var(--positive)}.pill-rejected{background:var(--danger-soft);color:var(--danger)}.txn-status-control{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.txn-status-control label{font-size:var(--fs-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.txn-status-control .select-wrap{display:inline-flex}.txn-status-control select{width:auto;font-size:var(--fs-xs);border-radius:999px;padding:.3rem 1.9rem .3rem .6rem}.txn-status-control .select-wrap svg{width:.8rem;height:.8rem;right:.5rem}.filter-bar{flex-wrap:wrap;align-items:end;gap:.7rem;margin-bottom:1.1rem;display:flex}.filter-bar .field{min-width:9.5rem}.filter-bar .field.grow{flex:1;min-width:12rem}.search-wrap{position:relative}.search-wrap svg{color:var(--text-faint);position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.search-wrap input{padding-left:2.2rem}.result-count{font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:.6rem}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state svg{color:var(--text-faint);margin-bottom:.75rem}.transfer-wrap{max-width:34rem}.step-indicator{align-items:flex-start;margin-bottom:1.8rem;display:flex}.step-indicator .seg{flex-direction:column;align-items:center;gap:.4rem;display:flex;position:relative}.step-indicator .connector{background:var(--border);border-radius:1px;flex:1;height:2px;margin:.95rem .4rem 0}.step-indicator .connector.done{background:var(--accent)}.step-indicator .bubble{width:1.9rem;height:1.9rem;font-size:var(--fs-xs);background:var(--surface-2);color:var(--text-faint);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.step-indicator .bubble svg{width:15px;height:15px}.step-indicator .seg.active .bubble{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.step-indicator .seg.done .bubble{background:var(--accent-soft);color:var(--accent-strong);border-color:var(--accent)}.step-indicator .seg-label{font-size:var(--fs-2xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-weight:600}.step-indicator .seg.active .seg-label{color:var(--text)}.detail-box{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-2);margin-top:.6rem;padding:.75rem .9rem}.detail-row{font-size:var(--fs-xs);justify-content:space-between;gap:.75rem;padding:.25rem 0;display:flex}.detail-row .k{color:var(--text-muted)}.detail-row .v{text-align:right;font-weight:600}.amount-input-wrap{position:relative}.amount-input-wrap .affix{color:var(--text-faint);font-size:var(--fs-lg);font-family:var(--font-display);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.amount-input-wrap input{font-size:var(--fs-lg);font-family:var(--font-display);padding-left:1.9rem}.field-hint{font-size:var(--fs-xs);color:var(--text-muted);margin-top:.35rem}.field-hint.danger{color:var(--danger)}.fee-line{font-size:var(--fs-xs);color:var(--text-muted);border-top:1px dashed var(--border);justify-content:space-between;margin-top:.5rem;padding-top:.5rem;display:flex}.fee-line.total{color:var(--text);border-top:1px solid var(--border-soft);margin-top:.6rem;padding-top:.6rem;font-weight:700}.speed-card{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);flex:1;padding:.7rem .85rem;position:relative}.speed-card.active{border-color:var(--accent);background:var(--accent-soft)}.speed-card .top-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.speed-card .name{font-size:var(--fs-sm);align-items:center;gap:.4rem;font-weight:700;display:flex}.speed-card .price{font-size:var(--fs-sm);color:var(--accent-strong);font-weight:700}.speed-card .desc{font-size:var(--fs-xs);color:var(--text-muted);margin-top:.25rem}.amount-display{font-family:var(--font-display);text-align:center;padding:1.2rem 0 .3rem;font-size:3rem}.amount-caption{text-align:center;font-size:var(--fs-xs);color:var(--text-faint);margin-bottom:1rem}.confirm-row{border-top:1px solid var(--border-soft);font-size:var(--fs-sm);justify-content:space-between;padding:.7rem 0;display:flex}.confirm-row:first-child{border-top:none}.confirm-row .k{color:var(--text-muted)}.confirm-row .v{text-align:right;font-weight:600}.confirm-row.total{font-weight:700}.confirm-row.total .v{font-family:var(--font-display);font-size:var(--fs-md)}.success-check{background:var(--positive-soft);width:4rem;height:4rem;color:var(--positive);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.2rem;display:flex}.modal-overlay{z-index:50;background:#060f1980;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:26rem;box-shadow:var(--shadow-pop);max-height:90vh;overflow-y:auto}.modal-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:1.1rem 1.3rem;display:flex}.modal-head h3{font-size:var(--fs-md);font-family:var(--font-display);font-weight:500}.modal-body{flex-direction:column;gap:1rem;padding:1.3rem;display:flex}.modal-foot{padding:1rem 1.3rem 1.3rem}.profile-head{align-items:center;gap:1rem;display:flex}.avatar{background:var(--navy-800);color:#fff;width:3.6rem;height:3.6rem;font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.avatar.sm{width:2.2rem;height:2.2rem;font-size:.85rem}.kv-row{border-top:1px solid var(--border-soft);font-size:var(--fs-sm);justify-content:space-between;gap:1rem;padding:.8rem 0;display:flex}.kv-row:first-child{border-top:none}.kv-row .k{color:var(--text-muted)}.toast-wrap{z-index:60;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1.1rem;right:1.1rem}.toast{background:var(--navy-900);color:#eef4f9;border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);font-size:var(--fs-sm);align-items:center;gap:.6rem;max-width:22rem;padding:.75rem 1rem;display:flex}.toast.success{background:var(--positive);color:#06231a}.toast.error{background:var(--danger);color:#2b0e0b}@media (width<=880px){.toast-wrap{top:4.5rem;left:1rem;right:1rem}.toast{max-width:none}}.divider{background:var(--border-soft);height:1px;margin:1.25rem 0}.row{align-items:center;display:flex}.grow{flex:1}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.role-badge{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.06em;color:#bcd6ec;background:#5fa8dd29;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-weight:700;display:inline-flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.stat-card{flex-direction:column;gap:.3rem;padding:1.15rem 1.25rem;display:flex}.stat-card .label{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700}.stat-card .value{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:-.01em}.stat-card .foot{font-size:var(--fs-xs);color:var(--text-faint)}.table-scroll{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface);box-shadow:var(--shadow-card);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:640px}.data-table th{text-align:left;font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1rem}.data-table td{border-bottom:1px solid var(--border-soft);font-size:var(--fs-sm);vertical-align:middle;padding:.8rem 1rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:var(--surface-2)}.cust-name{font-weight:600}.cust-email{font-size:var(--fs-xs);color:var(--text-muted)}.back-link{color:var(--accent);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;margin-bottom:1rem;padding:0;font-weight:600;display:inline-flex}.adjust-btn{margin-top:.2rem}.direction-row{gap:.6rem;display:flex}.ticket-row{border-top:1px solid var(--border-soft);cursor:pointer;grid-template-columns:1fr auto auto auto;align-items:center;gap:.85rem;padding:.9rem 1.1rem;display:grid}.ticket-row:first-child{border-top:none}.ticket-row:hover{background:var(--surface-2)}.ticket-row .subject{font-size:var(--fs-sm);font-weight:600}.ticket-row .meta{font-size:var(--fs-xs);color:var(--text-muted);margin-top:.15rem}.ticket-row .updated{font-size:var(--fs-xs);color:var(--text-faint);white-space:nowrap}.ticket-thread{border-top:1px solid var(--border-soft);padding:1.1rem 1.3rem 1.3rem}.msg-bubble{max-width:80%;font-size:var(--fs-sm);border-radius:12px;margin-bottom:.7rem;padding:.7rem .9rem;line-height:1.5}.msg-bubble.from-customer{background:var(--surface-2);border-bottom-left-radius:3px;margin-right:auto}.msg-bubble.from-admin{background:var(--accent-soft);border-bottom-right-radius:3px;margin-left:auto}.msg-meta{font-size:var(--fs-2xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}.faq-item{border-top:1px solid var(--border-soft)}.faq-item:first-child{border-top:none}.faq-q{text-align:left;cursor:pointer;width:100%;font-size:var(--fs-sm);color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;font-weight:600;display:flex}.faq-q svg{color:var(--text-faint);flex:none;transition:transform .15s}.faq-q.open svg{transform:rotate(180deg)}.faq-a{font-size:var(--fs-sm);color:var(--text-muted);max-width:60ch;padding:0 1.1rem 1.1rem;line-height:1.6}.page-loading{min-height:60vh;color:var(--text-muted);font-size:var(--fs-sm);justify-content:center;align-items:center;display:flex}.banner-error{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);font-size:var(--fs-sm);margin-bottom:1rem;padding:.75rem .9rem}