:root{--g-blue: #1a73e8;--g-red: #ea4335;--g-yellow: #fbbc05;--g-green: #34a853;--ink: #202124;--muted: #5f6368;--surface: #ffffff;--bg: #f1f3f4;--line: #dadce0}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#fff 0,#f8f9fa 45%,#f1f3f4)}body[data-theme=dark]{color-scheme:dark;--ink: #e8eaed;--muted: #9aa0a6;--surface: #1f1f1f;--bg: #131314;--line: #3c4043;background:radial-gradient(circle at top left,#202124 0,#18191a 45%,#131314)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0}.topbar-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px}.topbar-user-row{display:flex;align-items:center;gap:10px;min-width:0}.topbar-theme-row{width:100%;display:flex;justify-content:flex-end}.whoami{color:var(--muted);font-size:12px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand{font-size:22px;font-weight:600}.brand-sep{color:var(--muted);margin:0 8px}.g-blue{color:var(--g-blue)}.g-red{color:var(--g-red)}.g-yellow{color:var(--g-yellow)}.g-green{color:var(--g-green)}.container{width:100%;max-width:none;margin:24px 0;padding:0 24px}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start}.nav-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 1px 3px #3c404333;position:sticky;top:76px}.nav-card h2{margin:0 0 12px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.tab-btn{width:100%;text-align:left;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:10px 12px;cursor:pointer;font-size:14px;margin-bottom:8px}.tab-btn.active{border-color:var(--g-blue);background:#e8f0fe;color:#174ea6;font-weight:600}.panel-stack{min-width:0}.search-card,.table-card,.form-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 1px 3px #3c404333;margin-bottom:16px}.search-form{display:grid;gap:12px}.search-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.search-row>input,.search-row>select,.filter-field{flex:1 1 180px}.search-row>.btn{flex:0 0 auto}.filter-field{display:grid;gap:6px}.search-row-dates{align-items:flex-end}.search-actions-wrap{display:flex;gap:10px;align-items:center;justify-content:flex-start;padding:10px 12px;border-radius:10px;background:#e8f0fe;border:1px solid #d2e3fc}.search-action-btn{background:#fff;border-color:#1a73e8;color:#174ea6;min-width:148px;text-align:center}.search-action-btn.highlight{background:#fff;border-color:var(--g-red);color:#a50e0e;font-weight:600}.search-action-btn.secondary{background:#fff;border-color:#1a73e8;color:#174ea6}.date-range{flex:1 1 360px;display:grid;gap:6px}.date-range-label{font-size:12px;color:var(--muted);font-weight:600}.date-range-inputs{display:flex;align-items:center;gap:8px}.date-range-inputs>input{flex:1 1 0}.date-range-sep{color:var(--muted);font-size:13px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px}table{width:100%;border-collapse:collapse}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:760px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f8f9fa;position:sticky;top:0;z-index:1}th.resizable{position:relative;padding-right:18px}.th-content{display:inline-block}.col-resize-handle{position:absolute;top:0;right:-5px;width:10px;height:100%;cursor:col-resize;z-index:2}.col-resize-handle:before{content:"";position:absolute;top:22%;bottom:22%;left:50%;width:2px;transform:translate(-50%);background:#5f636859;border-radius:1px}th.resizable:hover .col-resize-handle:before{background:var(--g-blue)}tbody tr:nth-child(2n){background:#fafbfc}tbody tr:hover{background:#eef3fd}td.empty{background:#fff}.text-green{color:#137333;font-weight:600}.text-red{color:#a50e0e;font-weight:600}.status-toggle-btn{margin-top:8px;min-width:144px;text-align:center}.search-card ul,.search-card ol,.table-card ul,.table-card ol,.form-card ul,.form-card ol{margin:10px 0 0;padding-left:20px}.search-card li,.table-card li,.form-card li{margin:6px 0;color:var(--ink)}.actions{display:flex;gap:8px;align-items:center}.pagination-row{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.page-meta{color:var(--muted);font-size:13px}.btn{display:inline-block;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);padding:8px 14px;text-decoration:none;font-size:13px;cursor:pointer}.btn:disabled{opacity:.65;cursor:not-allowed}.btn.primary{background:var(--g-blue);border-color:var(--g-blue);color:#fff}.btn.danger{background:var(--g-red);border-color:var(--g-red);color:#fff}.btn.small{padding:6px 10px;font-size:12px}.theme-switch{display:inline-flex;align-items:center;gap:10px}.theme-toggle-label{font-weight:600;color:var(--muted);min-width:84px;text-align:right;font-size:13px}.ios-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:52px;height:32px;border-radius:999px;border:1px solid #c7c9ce;background:#d6d9de;padding:0;margin:0;cursor:pointer;position:relative;transition:background .2s ease,border-color .2s ease}.ios-toggle:before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s ease}.ios-toggle.on{background:var(--g-green);border-color:var(--g-green)}.ios-toggle.on:before{transform:translate(20px)}.ios-toggle:focus-visible{outline:2px solid #8ab4f8;outline-offset:2px}.customer-form{display:grid;gap:10px}.row{display:flex;gap:10px}.flash-wrap{display:grid;gap:8px;margin-bottom:12px}.flash{padding:10px 12px;border-radius:8px;border:1px solid transparent;font-size:14px}.flash.success{background:#e6f4ea;border-color:#cee9d4;color:#137333}.flash.error{background:#fce8e6;border-color:#f6c7c3;color:#a50e0e}.empty{text-align:center;color:var(--muted)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:16px}.auth-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 3px #3c404333;padding:22px;text-align:center}.auth-card h1{margin-top:0;margin-bottom:10px}.auth-card p{margin:0 0 10px;color:var(--muted)}.auth-hint{font-size:13px}.auth-login{width:100%;margin:10px 0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.signin-slot{min-height:40px;width:320px}.auth-error{margin-top:12px;font-size:14px;color:#a50e0e;background:#fce8e6;border:1px solid #f6c7c3;border-radius:8px;padding:10px 12px;text-align:left}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#20212480;display:grid;place-items:center;padding:16px;z-index:1200}.confirm-card{width:min(620px,100%);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px #00000038;padding:18px}.confirm-card h3{margin:0 0 12px;font-size:20px}.confirm-desc{margin:0 0 12px;color:var(--muted);font-size:14px}.confirm-meta{display:grid;gap:4px;margin-bottom:12px;color:var(--muted)}.confirm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.confirm-pane{border-radius:10px;border:1px solid var(--line);padding:12px}.confirm-pane-title{margin-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.confirm-pane-value{font-size:14px;white-space:nowrap}.confirm-value-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-weight:700;line-height:1.4}.confirm-value-badge.before{background:#ffe8bf;color:#8b5e00}.confirm-value-badge.after{background:#fce8e6;color:#a50e0e}.confirm-value-badge.after.state-good{background:#e6f4ea;color:#137333}.confirm-value-badge.after.state-bad{background:#fce8e6;color:#a50e0e}.confirm-pane.before{background:#fff4e5;border-color:#ffd7a1}.confirm-pane.before .confirm-pane-title{color:#8b5e00}.confirm-pane.after{background:#e6f4ea;border-color:#b7dfc3}.confirm-pane.after .confirm-pane-title{color:#137333}.confirm-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:10px}.confirm-details{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#f8f9fa}.confirm-details-title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--muted);margin-bottom:8px}.confirm-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.confirm-details-row{display:grid;gap:2px}.confirm-details-label{font-size:12px;color:var(--muted)}.confirm-details-value{font-size:13px;font-weight:600}.confirm-details-value.email-highlight{display:inline-block;padding:2px 8px;border-radius:999px;background:#e8f0fe;color:#174ea6}.confirm-details-value.state-good{display:inline-block;padding:2px 8px;border-radius:999px;background:#e6f4ea;color:#137333}.confirm-details-value.state-bad{display:inline-block;padding:2px 8px;border-radius:999px;background:#fce8e6;color:#a50e0e}@media (max-width: 860px){.container{margin:16px 0;padding:0 12px}.app-shell{grid-template-columns:1fr}.nav-card{position:static}.topbar{gap:10px;align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;align-items:flex-start}.topbar-user-row{width:100%;justify-content:space-between}.topbar-theme-row{justify-content:flex-start}.actions{flex-direction:column;align-items:flex-start}.search-form{flex-direction:column}.table-card{padding:12px}th,td{padding:10px 8px}.confirm-grid,.confirm-details-grid{grid-template-columns:1fr}}.hidden{display:none}body[data-theme=dark] .nav-card,body[data-theme=dark] .search-card,body[data-theme=dark] .table-card,body[data-theme=dark] .form-card,body[data-theme=dark] .auth-card{box-shadow:0 1px 3px #00000073}body[data-theme=dark] .tab-btn{background:#2a2a2a}body[data-theme=dark] .tab-btn.active{border-color:#8ab4f8;background:#1f3b5b;color:#d2e3fc}body[data-theme=dark] .search-actions-wrap{background:#1f2f44;border-color:#315a8a}body[data-theme=dark] input,body[data-theme=dark] select,body[data-theme=dark] textarea{background:#202124;color:var(--ink);border-color:var(--line)}body[data-theme=dark] th{background:#202124}body[data-theme=dark] .col-resize-handle:before{background:#e8eaed4d}body[data-theme=dark] th.resizable:hover .col-resize-handle:before{background:#8ab4f8}body[data-theme=dark] tbody tr:nth-child(2n){background:#171717}body[data-theme=dark] tbody tr:hover{background:#233347}body[data-theme=dark] td.empty{background:var(--surface)}body[data-theme=dark] .btn{background:#2a2a2a;color:var(--ink);border-color:var(--line)}body[data-theme=dark] .btn.primary{background:var(--g-blue);border-color:var(--g-blue);color:#fff}body[data-theme=dark] .btn.danger{background:var(--g-red);border-color:var(--g-red);color:#fff}body[data-theme=dark] .search-action-btn,body[data-theme=dark] .search-action-btn.secondary{background:#202124;border-color:#8ab4f8;color:#d2e3fc}body[data-theme=dark] .search-action-btn.highlight{background:#2a1f1f;border-color:#f28b82;color:#f6aea9}body[data-theme=dark] .ios-toggle{background:#4a4d52;border-color:#62666b}body[data-theme=dark] .ios-toggle.on{background:var(--g-green);border-color:var(--g-green)}body[data-theme=dark] .theme-toggle-label{color:#bdc1c6}body[data-theme=dark] .text-green{color:#81c995}body[data-theme=dark] .text-red{color:#f28b82}body[data-theme=dark] .page-meta,body[data-theme=dark] .date-range-label,body[data-theme=dark] .nav-card h2,body[data-theme=dark] .whoami{color:#bdc1c6}body[data-theme=dark] .auth-error{background:#3c1f1f;border-color:#5f2e2e;color:#f6aea9}body[data-theme=dark] .confirm-overlay{background:#0000009e}body[data-theme=dark] .confirm-pane.before{background:#3d2f1b;border-color:#6e5328}body[data-theme=dark] .confirm-pane.before .confirm-pane-title{color:#ffd180}body[data-theme=dark] .confirm-pane.after{background:#1f3a2a;border-color:#2f6b47}body[data-theme=dark] .confirm-pane.after .confirm-pane-title{color:#81c995}body[data-theme=dark] .confirm-value-badge.before{background:#6e5328;color:#ffe5b3}body[data-theme=dark] .confirm-value-badge.after{background:#5f2e2e;color:#f6aea9}body[data-theme=dark] .confirm-value-badge.after.state-good{background:#1f3a2a;color:#81c995}body[data-theme=dark] .confirm-value-badge.after.state-bad{background:#5f2e2e;color:#f6aea9}body[data-theme=dark] .confirm-details{background:#202124;border-color:#3c4043}body[data-theme=dark] .confirm-details-value.email-highlight{background:#1f3b5b;color:#d2e3fc}body[data-theme=dark] .confirm-details-value.state-good{background:#1f3a2a;color:#81c995}body[data-theme=dark] .confirm-details-value.state-bad{background:#5f2e2e;color:#f6aea9}