:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--bg: #ffffff;--bg-alt: #f8fafc;--bg-card: #ffffff;--bg-soft: #f1f5f9;--text: #0f172a;--text-muted: #64748b;--border: rgba(15,23,42,.12);--border-soft: rgba(15,23,42,.06);--accent: #2563eb;--accent-fg: #ffffff;--accent-gradient: linear-gradient(90deg,#38bdf8,#06b6d4);--danger-gradient: linear-gradient(90deg,#ff6b6b,#ef4444);--shadow: 0 8px 30px -12px rgba(15,23,42,.06);--shadow-hover: 0 12px 34px -12px rgba(15,23,42,.12);--chart-grid: #e5e7eb;--chart-label: #0f172a;--chart-label-muted: #64748b;--chart-line: #2b6cb0;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:transparent}h1{font-size:3.2em;line-height:1.1}button{font-family:inherit}@media (prefers-color-scheme: dark){:root{--bg: #0f172a;--bg-alt: #1e293b;--bg-card: #1e293b;--bg-soft: #24324a;--text: #f1f5f9;--text-muted: #94a3b8;--border: rgba(255,255,255,.14);--border-soft: rgba(255,255,255,.08);--accent: #60a5fa;--accent-fg: #0f172a;--accent-gradient: linear-gradient(90deg,#1d4ed8,#0ea5e9);--danger-gradient: linear-gradient(90deg,#ef4444,#dc2626);--shadow: 0 8px 30px -12px rgba(0,0,0,.6);--shadow-hover: 0 12px 34px -12px rgba(0,0,0,.7);--chart-grid: rgba(255,255,255,.16);--chart-label: #f1f5f9;--chart-label-muted: #94a3b8;--chart-line: #60a5fa;color:var(--text);background-color:var(--bg)}body{background:var(--bg);color:var(--text)}a{color:var(--accent)}a:hover{color:#93c5fd}.app-header h1{color:var(--text)}.orders-container,.app-auth .auth-card,.orderform-card,.negative-balance-toast,.chart-modal,.app-session,.app-modal,.filters-card,.stat-card,.monthly-table tr,.orders-table tr,.balance-table tr{background:var(--bg-card)!important;color:var(--text)!important;border-color:var(--border-soft)!important;box-shadow:var(--shadow)!important}.orders-placeholder{background:linear-gradient(145deg,#2d3c55d9,#111827eb)!important;color:var(--text)!important;border:1px solid var(--border-soft)!important;box-shadow:var(--shadow)!important}.orders-placeholder h3{color:var(--text)!important}.orders-placeholder p{color:var(--text-muted)!important}.orders-placeholder-actions button.primary{box-shadow:var(--shadow)!important}.orders-placeholder-actions button.secondary{background:var(--bg-soft)!important;color:var(--text)!important;border:1px solid var(--border-soft)!important}.muted{color:var(--text-muted)!important}.primary{background:var(--accent-gradient)!important;color:var(--accent-fg)!important}.secondary{background:var(--bg-soft)!important;color:var(--text)!important;border:1px solid var(--border-soft)!important}.danger{background:var(--danger-gradient)!important;color:#fff!important}.app-session>button{background:var(--bg-soft)!important;color:var(--text)!important;border-color:var(--border-soft)!important}.app-session .sign-out-btn{background:var(--danger-gradient)!important;color:#fff!important;border:none!important}table,td,th{color:var(--text)}input,select,textarea{background:var(--bg-alt);color:var(--text);border:1px solid var(--border-soft)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.secondary:hover,.primary:hover,.app-session>button:hover{box-shadow:var(--shadow-hover)!important}.orderform-card,.orderform-card *{color:var(--text)!important}.orderform-card input,.orderform-card select,.orderform-card textarea{background:var(--bg-alt)!important;color:var(--text)!important;border:1px solid #ffffff!important}input,select,textarea{border:1px solid #ffffff!important}.orderform-field{background:var(--bg-alt)!important;border:1px solid #ffffff!important}.orderform-field-legend{color:var(--text-muted)!important}.radio-group{background:transparent!important}.radio-label{color:var(--text)!important}.stat-label{color:#cbd5e1!important}.stat-value{color:var(--text)!important}.stat-value.positive{color:#10b981!important}.stat-value.negative{color:#ef4444!important}.stat-hint{color:var(--text-muted)!important}.stat-card--highlight .stat-value{color:var(--text)!important}.stat-card--negative .stat-value{color:#f87171!important}.orders-subtitle,.orders-meta,.filters-card label,.filter-group,.filter-radio{color:var(--text-muted)!important}.filters-card input,.filters-card select{background:var(--bg-alt)!important;color:var(--text)!important;border:1px solid #ffffff!important}.pagination{color:var(--text-muted)!important}.pagination button,.page-btn{background:var(--bg-soft)!important;color:var(--text)!important;border:1px solid var(--border-soft)!important;box-shadow:none!important}.pagination button:not(.pagination-current):hover:not(:disabled),.page-btn:hover:not(:disabled){background:var(--bg-alt)!important;box-shadow:var(--shadow-hover)!important;color:var(--text)!important;border-color:#fff!important}.pagination button:disabled,.page-btn:disabled{opacity:.45!important}.pagination .pagination-current{background:var(--accent-gradient)!important;color:var(--accent-fg)!important;border:none!important;box-shadow:var(--shadow-hover)!important}.pagination button:focus-visible,.page-btn:focus-visible,.filters-card input:focus-visible,.filters-card select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #60a5fa59!important}.status-chip{background:#ffffff0f!important;border-color:#ffffff24!important;color:var(--text-muted)!important}.status-chip--active{background:linear-gradient(90deg,#059669d9,#10b981d9)!important;color:#ecfdf5!important;border-color:#10b98199!important;text-shadow:0 1px 2px rgba(0,0,0,.4)}.status-chip--guest{background:linear-gradient(90deg,#be185dd9,#db2777d9)!important;color:#fff!important;border-color:#ec48998c!important}.status-chip--active:before{background:#34d399!important}.status-chip--guest:before{background:#f472b6!important}.admin-dashboard{background:var(--bg-card)!important;border:1px solid var(--border-soft)!important;box-shadow:var(--shadow)!important;color:var(--text)!important}.admin-section{background:var(--bg-alt)!important;border:1px solid var(--border-soft)!important;box-shadow:0 10px 28px -18px #0000008c!important}.admin-metric-card{background:linear-gradient(145deg,#38bdf82e,#38bdf80a)!important;border:1px solid var(--border-soft)!important;box-shadow:var(--shadow)!important}.admin-metric-card--alert{background:linear-gradient(145deg,#f8717147,#f871711a)!important;border-color:#f871718c!important}.admin-metric-label{color:var(--text-muted)!important}.admin-metric-value{color:var(--text)!important;text-shadow:0 1px 1px rgba(0,0,0,.35)}.admin-metric-hint{color:var(--text-muted)!important}.admin-activity{background:var(--bg-card)!important;border:1px solid var(--border-soft)!important}.admin-activity strong{color:var(--text)!important}.admin-activity-title,.admin-activity-meta{color:var(--text-muted)!important}.admin-activity--order{border-left-color:#f973168c!important}.admin-activity--order-cancel{background:#64748b1f!important;border-left-color:#94a3b8a6!important}.admin-activity--deposit{border-left-color:#22c55e8c!important}.admin-activity--deposit-cancel{background:#64748b24!important;border-left-color:#94a3b8a6!important}.admin-table{background:var(--bg-card)!important;border:1px solid var(--border-soft)!important}.admin-table th{background:#38bdf82e!important;color:var(--text)!important}.admin-table td,.admin-table th{border-color:var(--border-soft)!important}.admin-table tbody tr:nth-child(odd){background:#ffffff05!important}.admin-table tbody tr:hover{background:#38bdf81a!important}.admin-table tfoot tr{background:linear-gradient(180deg,#2d3c55d9,#1e293beb)!important;border-top:2px solid var(--border)!important}.admin-table__totals-left{color:var(--text)!important}.monthly-table th{background:#38bdf82e!important}.monthly-table tbody tr:nth-child(odd){background:#ffffff05!important}.role-select,.admin-dashboard select,.admin-dashboard input[type=text],.admin-dashboard input[type=search],.admin-dashboard input[type=email],.admin-dashboard input[type=number],.admin-dashboard input[type=date],.admin-dashboard textarea{background:var(--bg-alt)!important;color:var(--text)!important;border:1px solid #ffffff!important}.role-select option,.admin-dashboard select option{color:var(--text)!important}.admin-error{background:#fee2e20f!important;border:1px solid rgba(248,113,113,.45)!important;color:#fca5a5!important}.admin-shortfall{color:#f87171!important}.positive{color:#10b981!important}.negative{color:#ef4444!important}.linklike,.link-button{color:#93c5fd!important}.linklike:hover,.link-button:hover{color:#bfdbfe!important}pre{background:#1e293b!important;color:var(--text)!important;border:1px solid var(--border-soft)!important}.admin-dashboard button:focus-visible,.admin-dashboard select:focus-visible,.admin-dashboard input:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important;box-shadow:0 0 0 4px #60a5fa59!important}.admin-table-wrap.is-scrollable{box-shadow:inset -12px 0 16px -16px #0009!important}.admin-dashboard pre{background:#162132!important}.app-modal .admin-orders-modal select,.app-modal .admin-orders-modal select:focus{background:var(--bg-alt)!important;color:var(--text)!important;border:1px solid #ffffff!important;box-shadow:none!important}.bento-master-modal .bento-master-add,.bento-master-modal .bento-master-add *:where(input,select,textarea){background:var(--bg-alt)!important;color:var(--text)!important;border-color:#fff!important}.bento-master-modal h3,.bento-master-modal h4{color:var(--text)!important}.bento-master-modal table.admin-table th[style],.bento-master-modal table.admin-table th{background:#38bdf82e!important;color:var(--text)!important;border-bottom:1px solid var(--border-soft)!important}.bento-master-modal table.admin-table input[type=text],.bento-master-modal table.admin-table input[type=number]{background:var(--bg-alt)!important;color:var(--text)!important;border:1px solid #ffffff!important}.bento-master-modal>div[style*="overflow:auto"]{border-color:var(--border-soft)!important;background:var(--bg-card)!important}.stat-card{background:linear-gradient(145deg,#38bdf82e,#38bdf80a)!important;border:1px solid var(--border-soft)!important;box-shadow:var(--shadow)!important}.stat-card--highlight{background:linear-gradient(145deg,#38bdf840,#38bdf814)!important;border-color:#38bdf866!important}.chart-modal,.monthly-panel,.monthly-controls,.pie-chart-container,.chart-box{background:linear-gradient(135deg,#2d3c55d9,#111827eb)!important;border-color:var(--border-soft)!important;box-shadow:var(--shadow)!important;color:var(--text)!important}.chart-modal h3,.monthly-panel h3{color:var(--text)!important}.chart-modal label,.monthly-controls label{color:var(--text-muted)!important}.chart-modal select,.chart-modal input[type=date],.monthly-panel select,.monthly-panel input[type=date]{background:var(--bg-alt)!important;color:var(--text)!important;border:1px solid #ffffff!important}.pie-legend ul li{background:var(--bg-alt)!important;border-color:var(--border-soft)!important}.pie-legend ul li .muted{color:var(--text-muted)!important}.chart-modal select:focus-visible,.chart-modal input[type=date]:focus-visible,.monthly-panel select:focus-visible,.monthly-panel input[type=date]:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important;box-shadow:0 0 0 4px #60a5fa59!important}.monthly-panel .monthly-table th{background:#38bdf82e!important}.monthly-panel .monthly-table tbody tr:nth-child(odd){background:#ffffff05!important}}@media (prefers-color-scheme: light){a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background:var(--bg);color:var(--text)}h1,h2,h3,h4,h5,h6,p,span,div,label,li{color:var(--text)}.muted{color:var(--text-muted)}.app-session{background:var(--bg-soft);border-color:var(--border-soft)}.secondary{background:var(--bg-soft);color:var(--text);border:1px solid var(--border-soft)}.primary{background:var(--accent-gradient);color:var(--accent-fg)}.payment-button{background:linear-gradient(90deg,#34d399,#10b981)!important;color:#fff!important;border:none!important;font-weight:600;letter-spacing:.5px}.payment-button:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 6px 20px -6px #10b98173}.payment-button:active:not(:disabled){filter:brightness(.92)}.payment-button:disabled{opacity:.55;cursor:not-allowed}.payment-button:focus-visible{outline:2px solid #10b981;outline-offset:2px}@media (prefers-color-scheme: dark){.payment-button{background:linear-gradient(90deg,#059669,#10b981)!important;color:#0f172a!important;text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:0 8px 26px -10px #10b9818c!important}.payment-button:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 10px 30px -8px #10b981b3!important}.payment-button:focus-visible{box-shadow:0 0 0 4px #10b98173!important}}.bento-menu-button{background:#0ea5a4!important;color:#fff!important;border:none!important;font-weight:600;letter-spacing:.5px;box-shadow:0 6px 20px -6px #0ea5a459;transition:background-color .2s,box-shadow .2s,filter .2s}.bento-menu-button:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 8px 26px -8px #0ea5a473}.bento-menu-button:active:not(:disabled){filter:brightness(.92)}.bento-menu-button:disabled{opacity:.55;cursor:not-allowed}.bento-menu-button:focus-visible{outline:2px solid #0ea5a4;outline-offset:2px;box-shadow:0 0 0 4px #0ea5a473}@media (prefers-color-scheme: dark){.bento-menu-button{background:linear-gradient(90deg,#0d9488,#0ea5a4)!important;color:#000!important;border:1px solid rgba(255,255,255,.08)!important;text-shadow:0 1px 2px rgba(0,0,0,.55);box-shadow:0 8px 28px -10px #0ea5a48c!important}.bento-menu-button:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 10px 34px -10px #0ea5a4b3!important}.bento-menu-button:focus-visible{box-shadow:0 0 0 4px #0ea5a48c!important}}.invite-form{display:flex;flex-direction:column;gap:16px}.invite-form label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--text-muted)}.invite-form input[type=email],.invite-form select{padding:10px 12px;border-radius:8px;border:1px solid var(--border-soft);background:var(--bg-soft);color:var(--text);font-size:.85rem}.invite-form small{color:var(--text-muted);font-size:11px}.invite-form .select-wrap{position:relative;display:flex}.invite-form .select-wrap span.caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:12px;color:var(--text-muted)}@media (prefers-color-scheme: dark){.invite-form input[type=email],.invite-form select{background:var(--bg-alt)!important;border:1px solid #ffffff!important;color:var(--text)!important}.invite-form label,.invite-form small,.invite-form .select-wrap span.caret{color:var(--text-muted)!important}}.onboard-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:48px 16px}.onboard-card{width:100%;max-width:520px;background:var(--bg-card);border:1px solid var(--border-soft);padding:32px 32px 40px;border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:24px}.onboard-card h1{margin:0;font-size:1.5rem;color:var(--text)}.onboard-card p{margin:0;font-size:.85rem;color:var(--text-muted)}.onboard-meta{font-size:.85rem;color:var(--text-muted)}.onboard-error{background:#ef444414;border:1px solid rgba(239,68,68,.35);padding:12px 14px;border-radius:10px;font-size:.8rem;color:#b91c1c}.onboard-success{background:#10b9811f;border:1px solid rgba(16,185,129,.35);padding:14px 16px;border-radius:12px;font-size:.9rem;color:#065f46}.onboard-form{display:flex;flex-direction:column;gap:18px}.onboard-form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--text-muted)}.onboard-form input[type=email],.onboard-form input[type=text],.onboard-form input[type=password]{padding:12px 14px;border-radius:10px;border:1px solid var(--border-soft);background:var(--bg-soft);color:var(--text)}.onboard-form input[readonly]{background:var(--bg-alt)}.onboard-actions{display:flex;justify-content:space-between;align-items:center}.onboard-role-hint{color:var(--text-muted);font-size:.75rem}.onboard-loading-center{min-height:100vh;display:flex;align-items:center;justify-content:center}.onboard-complete{max-width:480px;background:var(--bg-card);padding:32px;border-radius:16px;border:1px solid var(--border-soft);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px}.onboard-complete h1{margin:0;font-size:1.4rem}.onboard-complete p{margin:0;font-size:.85rem;color:var(--text-muted)}@media (prefers-color-scheme: dark){.onboard-card,.onboard-complete{background:var(--bg-card)!important;border-color:var(--border-soft)!important;box-shadow:var(--shadow)!important}.onboard-form input[type=email],.onboard-form input[type=text],.onboard-form input[type=password]{background:var(--bg-alt)!important;border:1px solid #ffffff!important;color:var(--text)!important}.onboard-error{background:#ef44441f!important;border-color:#ef44448c!important;color:#fca5a5!important}.onboard-success{background:#10b9812e!important;border-color:#10b9818c!important;color:#34d399!important}.onboard-role-hint,.onboard-form label{color:var(--text-muted)!important}}@media (prefers-color-scheme: dark){.app-header h1{color:#fff}}#root{width:100%;min-height:100vh;color:#0f172a;background:radial-gradient(circle at top,rgba(56,189,248,.06),transparent 60%) linear-gradient(180deg,#f8fafc,#eef2ff)}.app{margin:0 auto;max-width:1180px;padding:48px 24px 72px;display:flex;flex-direction:column;gap:32px}@media (max-width: 520px){.app{width:94vw;max-width:94vw;margin-left:auto;margin-right:auto;padding-left:8px;padding-right:8px}}:root{--side-width: 420px}.app-header{display:grid;grid-template-columns:minmax(0,1fr) var(--side-width);gap:24px;align-items:flex-start}@media (min-width: 1080px){.app-header{display:flex;align-items:flex-start;gap:32px;max-width:calc(100% - var(--side-width));box-sizing:border-box}.app-header>div:first-child{max-width:760px}.app-header .app-session{width:auto;max-width:760px;margin-left:auto;padding-right:8px}}.app-header h1{font-size:2.8rem;margin:0 0 8px}.muted{color:#64748b;margin:0;font-size:.95rem}.app-session{display:flex;align-items:center;gap:12px;background:#f1f5f9;border:1px solid rgba(15,23,42,.06);padding:12px 16px;border-radius:12px}.app-session .sign-out-btn{margin-left:0}@media (max-width: 520px){.app-header{display:flex;flex-direction:column;align-items:flex-start}.app-header .app-session{width:100%}}.app-session>button{background:linear-gradient(180deg,#fff,#fbfdff);color:#0f172a;border:1px solid rgba(15,23,42,.06);padding:8px 14px;border-radius:12px;font-size:.95rem;font-weight:700;min-height:40px;box-shadow:0 6px 18px -12px #0206171f;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease;display:inline-flex;align-items:center;justify-content:center}.app-session>button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px -18px #0206171f}.app-session>button.primary{background:linear-gradient(90deg,#06b6d4,#38bdf8);color:#fff;border-color:transparent}.app-session-tab--active{border-color:#0ea5e947!important;box-shadow:0 10px 30px -18px #06b6d41f}.app-session .sign-out-btn{background:linear-gradient(180deg,#fff,#fbfdff);color:#7f1d1d;border:1px solid rgba(239,68,68,.08)}.app-session .secondary,.app-session>button.secondary,.app-session .sign-out-btn{padding:8px 14px;border-radius:12px;font-size:.95rem;font-weight:700;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.app-session .app-session-actions>button{padding:8px 14px}.app-main{display:grid;grid-template-columns:minmax(0,1fr) var(--side-width);gap:24px;align-items:flex-start}.app-auth,.app-orders{width:100%}.app-auth{position:sticky;top:32px}.orders-container,.app-auth .auth-card,.orderform-card{background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:24px;box-shadow:0 8px 30px -12px #0f172a0f;box-sizing:border-box;max-width:100%}.orders-header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:16px}@media (max-width: 820px){.orders-header{flex-direction:column;align-items:flex-start;gap:6px}.orders-meta{margin-top:4px}}@media (max-width: 420px){.orders-header .status-chip{width:100%;justify-content:flex-start;box-sizing:border-box;line-height:1.3}}@media (min-width: 1400px){.orders-header{margin-bottom:24px;gap:24px;align-items:flex-end}.orders-header h2{font-size:2rem}.orders-subtitle{font-size:1rem}}.orders-header h2{margin:0;font-size:1.8rem}.orders-subtitle{margin:4px 0 0;color:#475569;font-size:.95rem}.orders-meta{color:#475569;font-size:.9rem}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.85rem;background:#0f172a05;border:1px solid rgba(15,23,42,.04)}.status-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:#cbd5e1}.status-chip--active{background:#22c55e1f;border-color:#22c55e33;color:#065f46}.status-chip--active:before{background:#10b981}.status-chip--guest{color:#be185d;background:#f973dd0f;border-color:#f973dd14}.status-chip--guest:before{background:#f472b6}.orders-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.orders-actions__hint{flex:1 1 100%;font-size:.85rem}.primary,.secondary{border:none;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.primary{background:linear-gradient(90deg,#38bdf8,#06b6d4);color:#fff}.secondary{background:#f8fafc;color:#0f172a;border:1px solid rgba(15,23,42,.06)}.primary:hover:not(:disabled),.secondary:hover:not(:disabled){transform:translateY(-1px)}.danger{background:linear-gradient(90deg,#ff6b6b,#ef4444);color:#fff;border:none;padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer}.danger:hover:not(:disabled){transform:translateY(-1px);opacity:.95}.orders-actions.editing-active .edit-toggle{background:linear-gradient(90deg,#ff6b6b,#ef4444);color:#fff;border:none}.primary:active:not(:disabled),.secondary:active:not(:disabled){transform:translateY(0);opacity:.85}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed}.filters-card{display:flex;flex-wrap:wrap;gap:16px;padding:16px;border-radius:12px;background:#f8fafc;border:1px solid rgba(15,23,42,.04);margin-bottom:16px}.filter-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filter-radio{display:inline-flex;align-items:center;gap:6px;font-size:.9rem}.filters-card label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#475569}.filters-card input,.filters-card select{background:#fff;border:1px solid rgba(15,23,42,.06);color:inherit;padding:8px 10px;border-radius:8px;min-width:160px}.filters-card select{min-width:120px}.orders-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}@media (min-width: 900px){.orders-summary{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;max-height:none}}.stat-card{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:14px;padding:18px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease;will-change:transform,opacity}.stat-card:hover{transform:translateY(-2px);border-color:#0ea5e91f}.stat-card--dragover{transform:translateY(-4px) scale(1.02);border-color:#0ea5e942;box-shadow:0 10px 30px -12px #0ea5e914}.stat-card.dragging{opacity:.65;transform:scale(.98);box-shadow:0 18px 40px -12px #0ea5e91f}.stat-card{cursor:pointer}.stat-card:hover{box-shadow:0 14px 40px -16px #0ea5e91f}.orders-summary{transition:all .16s ease}@keyframes wiggle{0%{transform:translateY(0) rotate(-.8deg)}25%{transform:translateY(-2px) rotate(.6deg)}50%{transform:translateY(0) rotate(-.4deg)}75%{transform:translateY(-1px) rotate(.6deg)}to{transform:translateY(0) rotate(-.8deg)}}.stat-card--wiggle{animation:wiggle .9s ease-in-out infinite}.orders-summary .stat-card--wiggle:nth-child(2n){animation-delay:.12s}.orders-summary .stat-card--wiggle:nth-child(3n){animation-delay:.22s}.orders-summary .stat-card--wiggle:nth-child(4n){animation-delay:.06s}.stat-card--dragover:after{content:"";position:absolute;left:8px;right:8px;height:4px;background:#0ea5e9e6;border-radius:3px;transform:translateY(-50%)}.stat-card{position:relative}.stat-card--highlight{background:#fff;border-color:#0f172a0f}.stat-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.stat-value{font-size:1.6rem;font-weight:700;color:#0f172a}.stat-value.positive{color:#12883e}.stat-value.negative{color:#dc2626}.stat-hint{font-size:.85rem;color:#6b7280}.orders-table{width:100%;max-width:calc(100% - 12px);border-collapse:collapse;border-radius:12px;overflow:visible;background:#fff;box-sizing:border-box;table-layout:auto}.admin-collapse-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 0;gap:12px}.admin-collapse-actions{display:flex;justify-content:flex-end;margin-bottom:8px}.admin-expand-wrap{overflow:hidden;transition:max-height .26s cubic-bezier(.2,.9,.2,1),opacity .2s ease;max-height:2000px;opacity:1}.admin-expand-wrap.collapsed{max-height:0;opacity:0}.admin-fold-button{margin-left:8px}.orders-table th,.orders-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(148,163,184,.1);min-width:0}.orders-table th,.orders-table td{padding:10px 12px;font-size:.95rem}.pagination-controls{display:inline-flex;gap:8px;align-items:center}.page-btn{background:#fff;border:1px solid rgba(15,23,42,.06);padding:6px 10px;border-radius:10px;cursor:pointer;font-weight:600;color:#0f172a;box-shadow:0 2px 6px #0c4a6e08;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease}.page-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px -10px #06b6d42e}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn[aria-current=true]{background:linear-gradient(90deg,#06b6d4,#38bdf8);color:#fff;border:none;box-shadow:0 10px 30px -12px #06b6d447}.page-sep{color:#94a3b8;padding:6px 8px;font-weight:600}@media (max-width: 520px){.pagination-controls{flex-wrap:wrap;justify-content:center}.page-btn{padding:6px 8px;font-size:.9rem}}.legend-swatch{width:16px;height:16px;border-radius:4px;flex-shrink:0;display:inline-block}.today-orders-wrap{overflow-x:auto}.today-orders-table td.nowrap,.today-orders-table th.nowrap{white-space:nowrap}.today-orders-table td.nowrap{max-width:1%}.pie-legend ul li:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px;box-shadow:0 0 0 4px #0ea5e940,0 6px 20px -8px #0ea5e959;transform:translateY(-2px)}@media (max-width: 1080px){.app{padding:40px 20px 64px}}@media (max-width: 900px){.app-main{display:flex;flex-direction:column;gap:32px}.app-header{display:flex;flex-direction:column;gap:24px}.app-header .app-session,.app-orders,.app-auth,.admin-dashboard,.orders-container{width:100%}.orders-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}}@media (max-width: 720px){.orders-actions{flex-direction:row}.orders-header{flex-direction:column;align-items:flex-start}.filters-card{flex-direction:column}.filters-card label{width:100%}.filters-card input,.filters-card select{width:100%;min-width:0}.pagination{flex-direction:row;justify-content:center}.pagination span{order:3}}@media (max-width: 680px){.orders-table th:nth-child(6),.orders-table td:nth-child(6){display:none}}@media (max-width: 600px){.orders-table th:nth-child(4),.orders-table td:nth-child(4){display:none}}@media (max-width: 540px){.orders-table th:nth-child(2),.orders-table td:nth-child(2){display:none}}@media (max-width: 540px){.orders-table td[data-label=金額],.orders-table td[data-label=預り金増減]{text-align:left!important;padding-right:8px;white-space:normal;word-break:break-word}.orders-table td.numeric[data-label=金額],.orders-table td.numeric[data-label=預り金増減]{text-align:left!important}}@media (max-width: 440px){.orders-table thead{display:none}.orders-table,.orders-table tbody,.orders-table tr,.orders-table td{display:block;width:100%}.orders-table tr{margin:0 0 14px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:8px 10px}.orders-table td{border:none;padding:6px 4px;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;gap:8px;box-sizing:border-box}.orders-table td+td{border-top:1px solid rgba(148,163,184,.12)}.orders-table td[data-label]:before{content:attr(data-label) ": ";font-weight:600;color:#475569;flex:0 0 auto;margin-right:8px}.orders-table td[data-label=操作]{padding-left:6px}.orders-table td[data-label=操作] button{margin-left:auto}}@media (max-width: 560px){.monthly-table th:nth-child(3),.monthly-table td:nth-child(3){display:none}}@media (max-width: 460px){.monthly-table thead{display:none}.monthly-table,.monthly-table tbody,.monthly-table tr,.monthly-table td{display:block;width:100%}.monthly-table tr{margin:0 0 12px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:6px 8px}.monthly-table td{border:none;padding:6px 4px;font-size:.82rem}.monthly-table td+td{border-top:1px solid rgba(148,163,184,.12)}.monthly-table td[data-label]:before{content:attr(data-label) ": ";font-weight:600;color:#475569}.monthly-table td:nth-child(2){font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 860px){.admin-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width: 640px){.admin-dashboard .admin-section-head{flex-direction:column;align-items:flex-start}.admin-table th:nth-child(5),.admin-table td:nth-child(5),.admin-table th:nth-child(6),.admin-table td:nth-child(6){display:none}}@media (max-width: 500px){.admin-table thead{display:none}.admin-table,.admin-table tbody,.admin-table tr,.admin-table td{display:block;width:100%}.admin-table tr{margin:0 0 12px;background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:12px;padding:0;box-shadow:0 6px 18px -12px #0f172a14;overflow:hidden}.admin-table td{border:none;padding:10px 12px;font-size:.9rem;display:flex;justify-content:space-between;align-items:center;gap:8px;box-sizing:border-box}.admin-table td+td{border-top:1px solid rgba(148,163,184,.08)}.admin-table thead th:last-child,.admin-table tbody td:last-child{display:none}.admin-table .admin-table-date{display:flex;justify-content:space-between;align-items:center}.admin-table td[data-label]:before{content:attr(data-label) ": ";font-weight:600;color:#475569;text-align:left}.admin-table .admin-table-date{display:flex!important;justify-content:space-between!important;align-items:center!important;text-align:left!important;padding:12px 14px;font-weight:700;background:linear-gradient(180deg,#f8fafcf2,#fffffff2);gap:8px}.admin-table .admin-table-date>span{flex:1 1 auto;min-width:0}.admin-table .admin-table-date>button{flex:0 0 auto;margin-left:12px}.admin-table td[data-label=注文件数]:before,.admin-table td[data-label=注文合計]:before,.admin-table td[data-label=入金合計]:before{margin-right:8px;white-space:nowrap;min-width:0;text-align:left;color:#475569;font-weight:600}.admin-table td.numeric{justify-content:flex-end}.admin-table td[data-label=注文件数].numeric,.admin-table td[data-label=注文合計].numeric,.admin-table td[data-label=入金合計].numeric{justify-content:space-between!important}.admin-table td[data-label=注文件数]:before,.admin-table td[data-label=注文合計]:before,.admin-table td[data-label=入金合計]:before{flex:0 0 auto;order:0}.admin-table td[data-label=操作] button{margin-left:auto;white-space:nowrap}}.role-select{padding:4px 6px;border-radius:6px;border:1px solid #d1d5db;background:#fff;font-size:.88rem;min-width:96px}.role-select:focus{outline:2px solid rgba(37,99,235,.12);box-shadow:0 3px 10px -8px #2563eb33}tr[data-edited=true]{background:linear-gradient(90deg,#ffff000f,#fff0)}.admin-error{color:#b91c1c;background:#fff1f2;padding:8px 10px;border-radius:6px;margin-bottom:8px}.orders-table th{background:#0ea5e90f;font-weight:600}.orders-table th.numeric,.orders-table td.numeric{text-align:right;font-variant-numeric:tabular-nums}.orders-table tbody tr:hover{background:#0ea5e90a}.orders-table tbody tr:nth-child(odd){background:#0f172a03}.orders-table thead th{position:sticky;top:0;z-index:1}.row-cancelled{background:#f1f5f9;color:#606f85}.row-cancelled:hover{background:#e9eef6}.orders-table tbody tr:last-child td{border-bottom:none}.pagination{margin-top:16px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:.9rem;color:#64748b}.pagination .pagination-current{background:linear-gradient(90deg,#2563eb,#38bdf8);color:#fff!important;border:1px solid rgba(37,99,235,.4)!important;box-shadow:0 6px 22px -8px #2563eb59;cursor:default}.pagination button{transition:background .15s ease,color .15s ease,box-shadow .15s ease}.pagination button:not(.pagination-current):hover:not(:disabled){background:#e2f3fb;color:#0369a1;box-shadow:0 4px 14px -6px #06b6d440}.pagination button{background:#f8fafc;color:inherit;border:1px solid rgba(15,23,42,.06);padding:6px 12px}.orders-placeholder{margin-top:24px;padding:32px;border-radius:16px;background:#f8fafc;border:1px dashed rgba(15,23,42,.06);text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.monthly-panel{margin-bottom:16px;padding:16px;border-radius:12px;background:#fff;border:1px solid rgba(15,23,42,.06);box-shadow:0 8px 30px -16px #0f172a0a}.monthly-panel h3{margin:0 0 12px;font-size:1.1rem}.monthly-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.monthly-controls label{display:flex;gap:8px;align-items:center;color:#475569}.monthly-controls select{min-width:180px;padding:8px 10px;border-radius:8px;border:1px solid rgba(15,23,42,.06);background:#fff}.monthly-table-wrap{overflow-x:auto}.monthly-table{width:100%;border-collapse:collapse}.monthly-table th,.monthly-table td{padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.08);text-align:left}.monthly-table thead th{background:#0ea5e90a;font-weight:700}.monthly-table tbody tr:nth-child(odd){background:#0f172a03}.monthly-table td.numeric,.monthly-table th.numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.monthly-table .store-col{white-space:nowrap}@media (max-width: 640px){.monthly-controls{flex-direction:column;align-items:stretch}.monthly-controls select{width:100%}}.orders-placeholder h3{margin:0;font-size:1.2rem}.orders-placeholder-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.orders-placeholder-note{font-size:.85rem}.orders-placeholder--loading{border-style:solid}.orders-spinner{width:36px;height:36px;border:4px solid rgba(15,23,42,.06);border-top-color:#38bdf8;border-radius:50%;animation:orders-spin .9s linear infinite}.chart-modal{padding:12px;min-width:min(100%,760px);max-width:100%;display:flex;flex-direction:column;gap:12px}@media (max-width: 840px){.chart-modal{min-width:0;width:100%;padding:12px 4px}.chart-modal h3{padding-left:8px}}@media (max-width: 640px){.chart-modal{display:flex;flex-direction:column;align-items:center;padding:6px}.chart-flex{align-items:center;width:100%}.chart-box{margin-left:auto;margin-right:auto;width:100%;max-width:720px}}@media (max-width: 640px){.chart-box{display:flex;align-items:center;justify-content:center;padding-top:3px;padding-bottom:3px;max-width:640px}.chart-box>svg,.chart-box>canvas,.chart-box>.chart-inner{position:relative!important;width:100%!important;height:auto!important;max-height:calc(100% - 6px)!important;margin:0 auto;display:block}}.chart-flex{display:flex;flex-direction:column;gap:8px}.chart-box{width:100%;position:relative;background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:12px;overflow:hidden;box-shadow:0 6px 22px -12px #0f172a1f}.chart-box:before{content:"";display:block;padding-top:56.25%}.chart-box>svg,.chart-box>canvas,.chart-box>.chart-inner{position:absolute;inset:0}.aspect-16-9:before{padding-top:56.25%}.aspect-16-10:before{padding-top:62.5%}.aspect-21-9:before{padding-top:42.857%}@supports (aspect-ratio: 16 / 9){.chart-box{aspect-ratio:16 / 9}.aspect-16-10{aspect-ratio:16 / 10}.aspect-21-9{aspect-ratio:21 / 9}.chart-box:before{display:none}.chart-box>svg,.chart-box>canvas,.chart-box>.chart-inner{position:relative}}@media (min-aspect-ratio: 21/9){.chart-box{aspect-ratio:21 / 9}.chart-modal{max-width:1320px}}@media (max-aspect-ratio: 16/9) and (min-aspect-ratio: 16/10){.chart-box{aspect-ratio:16 / 10}}@media (max-aspect-ratio: 3/4){.chart-box{aspect-ratio:auto;min-height:340px}}.chart-pie-wrap{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap;width:100%}.pie-chart-container{flex:0 0 240px;max-width:100%;height:240px;position:relative;border:1px solid rgba(15,23,42,.06);border-radius:12px;background:#fff}@media (max-width: 640px){.chart-pie-wrap{flex-direction:column}.pie-chart-container{width:100%;flex:1 1 auto}.pie-legend{width:100%}.chart-pie-wrap{gap:4px}}.pie-legend ul{max-height:240px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 14px;padding:0;margin:0;list-style:none;align-items:start}.pie-legend ul li{display:flex;gap:10px;align-items:flex-start;margin:0;padding:8px 10px;border:1px solid rgba(15,23,42,.06);border-radius:10px;background:#fff;box-shadow:0 4px 14px -8px #0f172a14;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.pie-legend ul li:hover{box-shadow:0 6px 20px -8px #0ea5e92e;border-color:#0ea5e947;transform:translateY(-2px)}.pie-legend ul li strong{display:block;font-size:13px;font-weight:600;white-space:pre-line;line-height:1.25}.pie-legend ul li .muted{font-size:11px;color:#64748b;margin-top:2px}@media (max-width: 640px){.pie-legend ul{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px 10px}.pie-legend ul li{padding:6px 8px;gap:8px}.pie-legend ul li strong{font-size:12px}.pie-legend ul li .muted{font-size:10px}}@keyframes orders-spin{to{transform:rotate(360deg)}}.positive{color:#16a34a}.negative{color:#dc2626}.orderform{display:flex;flex-direction:column;gap:16px}.orderform-head h3{margin:0 0 8px}.orderform label{display:flex;flex-direction:column;gap:6px;font-size:.9rem}.orderform input{background:#fff;border:1px solid rgba(15,23,42,.06);color:inherit;padding:10px 12px;border-radius:8px}.orderform-field{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:12px;padding:12px 14px;margin:0}.orderform-field-legend{font-size:.9rem;margin-bottom:8px;color:#475569}.radio-group{display:flex;gap:20px;align-items:center}.radio-label{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-size:.95rem}.radio-label input[type=radio]{width:16px;height:16px}.orderform-actions{display:flex;gap:12px}.orderform-actions button[type=submit]{background:linear-gradient(90deg,#06b6d4,#38bdf8);color:#fff;border:none;font-weight:600}.orderform-actions button[type=button]{background:#f8fafc;border:1px solid rgba(15,23,42,.06);color:inherit}.orderform-actions button.danger,.orderform .danger{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff;border:none;padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer}.orderform-actions button.danger:hover,.orderform .danger:hover{transform:translateY(-1px);opacity:.95}.auth-container{display:flex;justify-content:center}.auth-card{width:100%;display:flex;flex-direction:column;gap:20px}.auth-tabs{display:flex;gap:12px}.auth-tabs button{flex:1;padding:10px 0;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:#94a3b81a;color:inherit;cursor:pointer}.auth-tabs button.active{background:linear-gradient(90deg,#38bdf8,#2563eb);border-color:transparent;color:#fff}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:.9rem}.auth-form input{padding:10px 12px;background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:8px;color:#0f172a}.auth-actions{display:flex;justify-content:flex-end}.auth-button{background:linear-gradient(90deg,#22d3ee,#2563eb);border:none;padding:10px 18px;border-radius:10px;color:#0f172a;font-weight:600}.auth-message{padding:10px 12px;border-radius:10px;background:#22c55e1f;color:#bbf7d0}.app-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:clamp(12px,2vw,24px);max-height:80vh;width:min(92%,720px);max-width:100%;overflow:auto;z-index:1001;border-radius:14px;box-shadow:0 14px 40px -18px #00000047;display:flex;flex-direction:column;gap:12px}.app-modal h3,.app-modal .muted{margin:0}.app-modal button.secondary{padding:8px 12px}.app-modal form{display:flex;flex-direction:column;gap:12px;margin-top:8px}.app-modal form label{display:flex;flex-direction:column;gap:6px;color:#475569;font-size:.95rem}.app-modal form input[type=text],.app-modal form input[type=email],.app-modal form input[type=password]{padding:10px 12px;border-radius:10px;border:1px solid rgba(15,23,42,.09);background:#fff;font-size:.95rem}.app-modal .profile-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.app-modal .profile-message{margin-top:6px;color:#0f172a;font-size:.95rem}@media (max-width: 520px){.app-modal{width:90vw;max-width:90vw;padding:10px 12px 16px;border-radius:12px}}@media (max-width: 400px){.app-modal{width:98%;padding:10px 10px 16px;border-radius:10px}}.modal--compact{width:min(92%,600px)}.modal--narrow{width:min(92%,480px)}@media (max-width: 640px){.app-modal{width:90vw!important;max-width:90vw!important;left:50%!important;transform:translate(-50%,-50%)!important;overflow-x:hidden!important;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch!important}.app-modal>*{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.app-modal section,.app-modal>section,.app-modal div[style]{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.app-modal .monthly-table-wrap,.app-modal .orders-table-wrap,.app-modal .admin-table-wrap,.app-modal .chart-pie-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important}.app-modal table{width:100%!important;max-width:100%!important;table-layout:auto!important;border-collapse:collapse}.app-modal th,.app-modal td{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;box-sizing:border-box!important;text-overflow:clip!important}.app-modal .chart-box,.app-modal .pie-chart-container{margin-left:auto!important;margin-right:auto!important}}.app-modal::-webkit-scrollbar{width:10px}.app-modal::-webkit-scrollbar-track{background:transparent}.app-modal::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:6px}.app-modal::-webkit-scrollbar-thumb:hover{background:#64748b73}.orders-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-right:12px;padding-bottom:8px;box-sizing:border-box}.orders-table-wrap:focus{outline:2px solid rgba(14,165,233,.4);outline-offset:2px}.orders-table-wrap.is-scrollable{box-shadow:inset -12px 0 16px -16px #0f172a26}.auth-footer{border-top:1px solid rgba(148,163,184,.15);padding-top:12px}.app-main--admin{grid-template-columns:minmax(0,1fr)}.app-admin{width:100%}.app-session{gap:16px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-session{-ms-overflow-style:none;scrollbar-width:none}.app-session::-webkit-scrollbar{height:0}.app-session-actions{display:contents}.app-session--admin>button,.app-session--admin .app-session-actions>button,.app-session--admin button{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}.app-session{gap:12px}.app-session:not(.app-session--admin){justify-content:flex-end}.app-session:not(.app-session--admin) .sign-out-btn,.app-session:not(.app-session--admin)>.secondary{margin-left:8px}@media (min-width: 1080px){header.app-header>div.app-session:not(.app-session--admin){max-width:360px!important;padding:8px 12px!important;gap:8px!important;margin-left:auto!important}header.app-header>div.app-session:not(.app-session--admin)>button{flex:0 0 auto!important}}.app-session>*:not(.app-session-actions){flex:0 0 auto}.app-session-actions{flex:1 1 auto;min-width:0}.app-session-actions .secondary{background:#f8fafc;color:#0f172a;border:1px solid rgba(15,23,42,.12);padding:6px 12px;border-radius:8px;font-size:.85rem;transition:background .18s ease,color .18s ease,border-color .18s ease}.app-session-actions .secondary:hover{background:#0ea5e91a;border-color:#0ea5e938}.app-session-tab--active{background:#0ea5e92e!important;border-color:#0ea5e95c!important;color:#0369a1!important}.admin-dashboard{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:18px;padding:28px;box-shadow:0 12px 45px -18px #0f172a2e;display:flex;flex-direction:column;gap:28px}@media (max-width: 640px){html,body{overflow-x:hidden}.app{width:90vw;max-width:90vw;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px;box-sizing:border-box}.app-session{padding:8px 10px;gap:8px;border-radius:10px;font-size:.92rem;width:100%;box-sizing:border-box;justify-content:space-between}.app-session>button{padding:6px 10px;font-size:.85rem;border-radius:8px}.app-session-actions{width:auto;justify-content:flex-end}.admin-dashboard{margin-left:auto;margin-right:auto;width:100%;max-width:100%;box-sizing:border-box}.admin-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-right:12px!important;box-sizing:border-box!important}}.admin-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;flex-wrap:wrap}.admin-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.admin-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#475569}.admin-toolbar select{background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:8px;padding:6px 10px;min-width:150px}.period-label{margin-top:-60px}.period-label select{height:32px;padding:4px 10px;display:inline-flex;align-items:center}@media (max-width: 640px){.admin-toolbar{gap:8px;align-items:center}.admin-toolbar label{width:auto;flex:1 1 auto}.admin-update{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:110px}.admin-update .secondary{padding:6px 10px!important;font-size:.88rem!important;min-width:100px!important}.admin-updated{margin:0!important;font-size:.78rem!important;color:#64748b;text-align:right}}@media (max-width: 640px){.admin-toolbar{flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important;flex-wrap:nowrap!important}.admin-toolbar label{flex:0 1 auto!important;width:auto!important;margin-right:8px!important}.admin-toolbar select{min-width:120px!important}.admin-update{margin-left:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;gap:4px!important;min-width:120px!important;order:99!important;white-space:nowrap!important}.admin-update .secondary{padding:6px 10px!important;font-size:.88rem!important;min-width:80px!important;height:32px!important;display:inline-flex;align-items:center;justify-content:center}.admin-updated{font-size:.78rem!important;text-align:right!important;margin:0!important;color:#64748b!important}}.admin-updated{margin:-12px 0 0;font-size:.85rem}.admin-error{padding:16px;border-radius:12px;border:1px solid rgba(248,113,113,.35);background:#fee2e273;color:#b91c1c;display:flex;flex-direction:column;gap:6px}.admin-loading{padding:36px;border-radius:16px;border:1px dashed rgba(15,23,42,.08);background:#f8fafc;display:flex;flex-direction:column;gap:16px;align-items:center}.admin-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;grid-auto-rows:1fr;align-items:stretch}@media (max-width: 950px){.admin-metrics{grid-template-columns:repeat(2,1fr);gap:12px}}@media (min-width: 959px){.admin-metrics{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:18px;align-items:stretch}}.admin-metric-card{background:linear-gradient(145deg,#0ea5e914,#0ea5e905);border:1px solid rgba(15,23,42,.06);border-radius:14px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;box-sizing:border-box;width:100%;height:100%;min-height:78px}.admin-metric-card--alert{border-color:#ef444452;background:linear-gradient(145deg,#f8717129,#fee2e21f)}.admin-metric-label{font-size:.85rem;color:#64748b;letter-spacing:.06em;text-transform:uppercase}.admin-metric-value{font-size:1.6rem;font-weight:700;color:#0f172a;margin:4px 0}@media (max-width: 640px){.admin-metric-value{font-size:1.15rem!important}.admin-metric-card{padding-left:18px;padding-right:18px}}.admin-metric-hint{font-size:.85rem;color:#475569}.admin-section{background:#f8fafc;border:1px solid rgba(15,23,42,.05);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:18px;box-shadow:0 10px 30px -20px #0f172a3d}.admin-section-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap}.admin-table-wrap{overflow-x:hidden}.admin-orders-modal{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}@media (max-width: 640px){.admin-orders-modal table.admin-table{table-layout:fixed!important;width:100%!important;max-width:100%!important}.admin-orders-modal table.admin-table th,.admin-orders-modal table.admin-table td{white-space:normal!important;word-break:break-word!important}.admin-orders-modal table.admin-table td.numeric,.admin-orders-modal table.admin-table th.numeric{white-space:nowrap!important}}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.admin-table th,.admin-table td{padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.14);text-align:left;font-size:.95rem;white-space:normal;word-break:break-word}.admin-table th{background:#0ea5e914;font-weight:600}.admin-table td.numeric,.admin-table th.numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.date-cell{white-space:nowrap!important}.admin-table td:last-child button{white-space:nowrap}@media (max-width: 760px){.admin-table th,.admin-table td{padding:10px}}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tfoot tr{background:linear-gradient(180deg,#f8fafce6,#f1f5f9f2);font-weight:700;border-top:2px solid rgba(15,23,42,.06);position:sticky;bottom:0;z-index:3}.admin-table tfoot td{padding:12px 14px}.admin-table__totals-left{text-align:right;padding-right:14px;color:#0f172a}.admin-table__totals-amount{font-size:1.02rem;font-weight:800}.admin-table__totals-diff.positive{color:#16a34a}.admin-table__totals-diff.admin-shortfall{color:#dc2626}.admin-table-name{display:block;font-weight:600}.admin-table-email{display:block;font-size:.8rem;color:#64748b}.link-button{background:none;border:none;padding:0;margin:0;color:#0369a1;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-size:.95rem}.link-button:hover{color:#075985}.link-button:focus{outline:3px solid rgba(14,165,233,.16);outline-offset:2px;border-radius:4px}.admin-shortfall{color:#dc2626}.admin-activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.admin-activity{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid rgba(148,163,184,.14)}.admin-activity strong{display:block;font-size:1rem;color:#0f172a}.admin-activity-title{display:block;font-size:.85rem;color:#475569}.admin-activity-meta{display:flex;gap:10px;align-items:center;font-size:.85rem;color:#475569}.admin-activity--order{border-left:4px solid rgba(249,115,22,.5)}.admin-activity--order-cancel{border-left:4px solid rgba(148,163,184,.6);background:#f1f5f999}.admin-activity--deposit{border-left:4px solid rgba(34,197,94,.5)}.admin-activity--deposit-cancel{border-left:4px solid rgba(148,163,184,.6);background:#f1f5f980}.admin-table--users td:nth-child(1){min-width:200px}.admin-table--users td:nth-child(4){font-weight:600}.admin-dashboard .muted{color:#64748b}@media (max-width: 900px){.orders-table{max-width:none!important;min-width:max-content!important;overflow:visible!important;table-layout:auto!important}.orders-table-wrap{padding-right:22px!important;-webkit-overflow-scrolling:touch}.orders-table th,.orders-table td{min-width:0!important;white-space:normal!important;padding-left:10px!important;padding-right:10px!important}.orders-table td[data-label=操作] button{white-space:nowrap}.admin-dashboard{padding:22px}.admin-section{padding:18px}.admin-toolbar{flex-direction:column;align-items:flex-start}.admin-toolbar label,.admin-toolbar select{width:100%}.admin-activity{flex-direction:column;align-items:flex-start}.admin-activity-meta{flex-wrap:wrap}}@media (min-width: 1200px){.app{max-width:1400px;padding:64px 32px 96px}.app-header h1{font-size:3.2rem}.app-main{grid-template-columns:minmax(0,1fr) 380px;gap:32px}.orders-summary{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.stat-card{padding:20px 22px;border-radius:16px}.stat-value{font-size:1.9rem}.orders-table th,.orders-table td{padding:12px 16px;font-size:1rem}.monthly-panel{position:sticky;top:32px}}@media (max-width: 1199px){header.app-header>div.app-session:not(.app-session--admin){max-width:320px!important;padding:8px 10px!important;gap:8px!important;margin-left:auto!important}header.app-header>div.app-session:not(.app-session--admin)>button{flex:0 0 auto!important;padding:6px 10px!important;font-size:.92rem!important}}@media (max-width: 900px){header.app-header>div.app-session:not(.app-session--admin){width:auto!important;max-width:100%!important;padding:8px!important;display:flex!important;flex-direction:row!important;justify-content:flex-end!important;gap:8px!important;box-sizing:border-box!important}}@media (max-width: 520px){header.app-header>div.app-session:not(.app-session--admin){display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;padding:6px 8px!important;box-sizing:border-box!important;width:100%!important}header.app-header>div.app-session:not(.app-session--admin)>button{width:auto!important;min-width:0!important;padding:6px 10px!important;display:inline-flex!important;justify-content:center!important}}@media (max-width: 640px){header.app-header>div.app-session:not(.app-session--admin){background:#f1f5f999!important;border:1px solid rgba(15,23,42,.06)!important;padding:6px 8px!important;border-radius:10px!important;gap:6px!important}header.app-header>div.app-session:not(.app-session--admin)>button{padding:6px 8px!important;font-size:.9rem!important;min-height:34px!important;border-radius:10px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;border:1px solid rgba(15,23,42,.06)!important}}@media (min-width: 1600px){.app{max-width:1600px;padding:8px 10px;gap:8px;border-radius:10px;font-size:.92rem;width:100%;box-sizing:border-box;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch}.orders-summary{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.stat-card{padding:24px}.stat-value{font-size:2.2rem}.monthly-panel{padding:20px}.orders-table th,.orders-table td{padding:14px 18px;font-size:1.05rem}}@media (max-width: 1080px){.app-main{grid-template-columns:minmax(0,1fr)}.app-auth{position:static}}@media (max-width: 640px){.app{padding:32px 8px 56px}.app-header{flex-direction:column;align-items:stretch}.orders-actions,.filters-card{flex-direction:column}.orders-table-wrap{overflow-x:hidden!important}.orders-table{table-layout:fixed!important;width:100%!important;max-width:100%!important}.orders-table th,.orders-table td{padding:6px 8px!important;font-size:.88rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.orders-table td.numeric,.orders-table th.numeric{text-align:right!important;white-space:nowrap!important}.orders-table td[data-label=操作] button{padding:6px 8px!important;font-size:.82rem!important}.orders-summary{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.stat-card{padding:12px 10px!important;gap:6px!important}.stat-value{font-size:1.15rem!important}}@media (max-width: 640px){header.app-header>div.app-session.app-session--admin,header.app-header>div.app-session.app-session--admin .app-session-actions{box-sizing:border-box}header.app-header>div.app-session.app-session--admin>button,header.app-header>div.app-session.app-session--admin .app-session-actions>button,.app-session--admin button{font-size:.86rem!important;padding:6px 10px!important;min-height:34px!important}}@media (max-width: 540px){.orders-summary{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.stat-card{width:100%;max-width:100%;padding-left:18px;padding-right:18px;font-size:1.05rem;margin:6px 0;line-height:1.05;min-height:78px;box-sizing:border-box}}@media (max-width: 540px){.orders-actions{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:nowrap}.orders-actions>div:first-child{display:flex;gap:8px;align-items:center}.orders-actions .edit-toggle,.orders-actions>div:last-child{margin-left:auto}}@media (max-width: 540px){.filters-card label>input[type=date],.filters-card label>select{width:95%;max-width:95%;box-sizing:border-box}}@media (max-width: 640px){.admin-toolbar select,.admin-update .secondary{height:32px!important;box-sizing:border-box!important}.admin-update .secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding-left:10px!important;padding-right:10px!important}}@media (max-width: 640px){.admin-update{margin-left:auto!important;align-items:flex-end!important}.admin-updated{line-height:1.2!important;height:auto!important;max-width:160px;white-space:nowrap}.admin-update .secondary{height:32px!important;line-height:1!important}}