*{box-sizing:border-box}:root{--max-bg:#f9fafb;--max-text:#111827;--max-muted:#6b7280;--max-accent:#2563eb;--max-card:#fff;--max-section:#fff;--max-button-text:#fff;color:var(--max-text);background:var(--max-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{min-width:320px;color:var(--max-text);background:var(--max-bg);margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{background:var(--max-bg);min-height:100dvh}.app-main{min-height:100dvh;padding-bottom:80px}.page{width:min(100%,512px);margin:0 auto;padding:16px 16px 24px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-header h1{letter-spacing:0;margin:0 0 2px;font-size:20px;line-height:1.75rem}.page-header p{margin:0}.eyebrow{color:#2563eb;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.brand-mark{color:#2563eb;margin-top:7px}.page-content{flex-direction:column;gap:16px;display:flex;overflow-x:hidden}.catalog-toolbar{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.add-channel-card h2{color:#111827;margin:0;font-size:14px;font-weight:600}.add-channel-card p{color:#4b5563;margin:8px 0 0;font-size:14px;line-height:1.45}.add-channel-card .primary-button{margin-top:12px}.catalog-summary h2,.catalog-categories h2{color:#6b7280;margin:0;font-size:14px;font-weight:600}.catalog-summary dl{gap:8px;margin:12px 0 0;display:grid}.catalog-summary dl div{justify-content:space-between;gap:8px;font-size:14px;display:flex}.catalog-summary dt{color:#4b5563}.catalog-summary dd{color:#111827;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.catalog-categories ul{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:0;margin:8px 0 0;padding:0;list-style:none;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.catalog-categories li+li{border-top:1px solid #f3f4f6}.catalog-categories button{color:#111827;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;display:flex}.catalog-categories button:hover{background:#eff6ff}.catalog-categories button span:last-child{color:#6b7280;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.filter-button{background:var(--max-card);min-height:46px;color:var(--max-text);cursor:pointer;border:1px solid #d1d5db;border-radius:13px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:700;display:inline-flex}.filter-panel{grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.filter-panel label{color:#4b5563;gap:5px;font-size:11px;font-weight:700;display:grid}.filter-panel input{border:1px solid #d8dce3;border-radius:9px;width:100%;min-width:0;padding:9px}.filter-panel .secondary-button{grid-column:1/-1}.channel-list{flex-direction:column;gap:12px;display:flex}.back-link{color:#2563eb;cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:4px;padding:4px 0;font-weight:700;display:inline-flex}.detail-hero{align-items:flex-start;gap:13px;display:flex}.detail-hero h2{margin:3px 0 5px;font-size:20px}.channel-link{color:var(--max-accent);align-items:center;gap:4px;margin-top:10px;font-size:13px;font-weight:700;display:inline-flex}.channel-avatar.large{width:56px;height:56px;font-size:24px}.detail-metrics{grid-template-columns:repeat(2,1fr);margin-top:0}.detail-slots{flex-direction:column;gap:13px;display:flex}.slot-list{flex-wrap:wrap;gap:7px;display:flex}.slot{color:#1d4ed8;background:#eff6ff;border-radius:9px;padding:8px 11px;font-size:13px;font-weight:700}.trust-note{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;border-radius:13px;align-items:flex-start;gap:8px;padding:12px;font-size:12px;line-height:1.4;display:flex}.sticky-cta{z-index:2;position:sticky;bottom:88px;box-shadow:0 8px 20px #2563eb38}.card{background:var(--max-card);border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 1px 2px #0000000d}.overview-card{background:linear-gradient(135deg,#fff,#f9fbff)}.section-heading{color:#2563eb;justify-content:space-between;align-items:center;display:flex}.section-heading h2{color:#111827;margin:4px 0 0;font-size:16px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;display:grid}.overview-card .metric-grid{grid-template-columns:repeat(3,1fr)}.quick-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-action{border:1px solid color-mix(in srgb, var(--max-text) 10%, transparent);background:var(--max-card);min-height:62px;color:var(--max-accent);border-radius:15px;align-items:center;gap:9px;padding:12px;display:flex;box-shadow:0 2px 8px #11182709}.quick-action.primary{background:var(--max-accent);color:var(--max-button-text)}.quick-action span{flex:1;font-size:13px;font-weight:800}.quick-action small{color:var(--max-muted);margin-top:3px;font-size:10px;font-weight:500;display:block}.quick-action.primary small{color:color-mix(in srgb, var(--max-button-text) 78%, transparent)}.metric-grid>div{flex-direction:column;gap:5px;display:flex}.metric-value{font-size:24px;line-height:1}.muted{color:var(--max-muted);font-size:13px}.channel-card{padding:15px}.channel-top{align-items:flex-start;gap:10px;display:flex}.channel-avatar,.avatar{color:#2563eb;background:#eff6ff;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.channel-avatar{width:43px;height:43px;font-size:18px}.avatar{width:58px;height:58px}.channel-title{flex:1;min-width:0}.channel-title h2,.profile-card h2{margin:1px 0 3px;font-size:16px;line-height:1.2}.handle{color:#2563eb;margin:0;font-size:13px}.status{color:#15803d;white-space:nowrap;background:#f0fdf4;border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:11px;display:inline-flex}.channel-stats{color:#4b5563;border-top:1px solid #f0f1f3;border-bottom:1px solid #f0f1f3;flex-wrap:wrap;gap:6px 12px;margin:15px 0;padding:11px 0;font-size:12px;display:flex}.channel-stats strong{color:#111827;font-weight:700}.secondary-button,.primary-button{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;padding:10px 14px;font-weight:700;transition:transform .14s,background-color .14s,box-shadow .14s;display:inline-flex}.secondary-button{color:#374151;background:#f3f4f6}.primary-button{background:var(--max-accent);color:var(--max-button-text)}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #2563eb}button:disabled{cursor:wait;opacity:.65}.search-field{border:1px solid color-mix(in srgb, var(--max-text) 18%, transparent);background:var(--max-card);min-height:46px;color:var(--max-muted);border-radius:13px;align-items:center;gap:9px;padding:0 14px;display:flex}.search-field input{color:#111827;background:0 0;border:0;outline:0;width:100%}.search-field:focus-within{outline-offset:2px;outline:2px solid #2563eb}.search-field input::placeholder{color:#9ca3af}.profile-card{align-items:center;gap:13px;display:flex}.balance-card{background:linear-gradient(135deg,#eff6ff,#fff);grid-template-columns:1fr 1fr;gap:12px;display:grid}.balance-card strong{margin-top:6px;font-size:21px;display:block}.order-card{flex-direction:column;gap:12px;display:flex}.seller-orders{flex-direction:column;gap:10px;display:flex}.seller-orders>.section-heading{padding:4px 2px}.seller-orders>.section-heading h2{color:#111827;margin:0;font-size:16px}.order-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.order-heading h2{margin:4px 0 0;font-size:16px}.order-detail-link{color:var(--max-accent);margin-top:7px;font-size:12px;font-weight:700;display:inline-block}.timeline{flex-direction:column;gap:0;display:flex}.timeline h2{margin:0 0 14px;font-size:16px}.timeline-item{min-height:48px;color:var(--max-muted);gap:11px;display:flex;position:relative}.timeline-item:not(:last-child):after{content:"";background:#e5e7eb;width:2px;position:absolute;top:18px;bottom:0;left:5px}.timeline-dot{z-index:1;background:var(--max-card);border:2px solid #d1d5db;border-radius:50%;width:12px;height:12px;margin-top:3px}.timeline-item.done{color:var(--max-text)}.timeline-item.done .timeline-dot{border-color:var(--max-accent);background:var(--max-accent)}.timeline-item p{color:var(--max-muted);margin:3px 0 0;font-size:11px}.order-meta{color:#6b7280;border-top:1px solid #f0f1f3;flex-wrap:wrap;gap:7px 14px;padding-top:11px;font-size:12px;display:flex}.order-meta strong{color:#111827}.order-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.transaction-row{border-bottom:1px solid #f0f1f3;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:13px;display:flex}.transaction-row:last-child{border-bottom:0}.transaction-row span:first-child{min-width:0}.transaction-row small{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.credit{color:#15803d}.debit{color:#b91c1c}.order-content{color:#374151;white-space:pre-wrap;background:#f8fbff;border-left:3px solid #dbeafe;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.modal-backdrop{z-index:10;overscroll-behavior:contain;background:#11182761;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.order-form{gap:14px;width:min(100%,520px);max-height:min(90dvh,720px);display:grid;overflow:auto;box-shadow:0 18px 50px #11182733}.order-form label{color:#374151;gap:6px;font-size:13px;font-weight:650;display:grid}.order-form input,.order-form textarea{width:100%;font:inherit;color:#111827;background:var(--max-section);box-sizing:border-box;border:1px solid #d8dce3;border-radius:10px;padding:11px 12px;font-size:16px}.order-form textarea{resize:vertical}.icon-button{color:#6b7280;cursor:pointer;background:0 0;border:0;font-size:26px;line-height:1}.list-card{padding:5px 15px}.list-row{border-bottom:1px solid #f0f1f3;align-items:center;gap:10px;padding:14px 0;font-size:14px;display:flex}.list-row:last-child{border-bottom:0}.admin-link{color:var(--max-accent);align-items:center;gap:9px;padding:14px 0;font-size:14px;font-weight:700;display:flex}.admin-link svg:last-child{margin-left:auto}.admin-summary{grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;display:grid}.admin-summary>div{background:var(--max-card);border-radius:14px;flex-direction:column;gap:3px;min-width:0;padding:12px 14px;display:flex;box-shadow:0 1px 2px #0000000d}.admin-summary strong{font-variant-numeric:tabular-nums;font-size:21px}.admin-summary span{color:var(--max-muted);font-size:11px}.admin-summary .secondary-button{width:auto;min-height:48px}.admin-tabs{background:color-mix(in srgb, var(--max-text) 7%, transparent);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:6px;padding:4px;display:grid}.admin-tabs button{min-height:42px;color:var(--max-muted);cursor:pointer;background:0 0;border:0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:12px;font-weight:700;display:flex}.admin-tabs button.active{background:var(--max-card);color:var(--max-accent);box-shadow:0 1px 3px #00000014}.admin-tabs button span{font-variant-numeric:tabular-nums;font-size:10px}.admin-section{flex-direction:column;gap:8px;display:flex}.admin-row{border-top:1px solid #f0f1f3;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;display:flex}.admin-row span{min-width:0}.admin-row small{overflow-wrap:anywhere;color:var(--max-muted);margin-top:3px;font-size:12px;line-height:1.4;display:block}.admin-actions{flex:0 0 190px;gap:6px;display:flex}.admin-actions button{white-space:normal;min-height:42px;padding:7px 8px;font-size:11px;line-height:1.2}.admin-search{color:#374151;gap:6px;font-size:13px;font-weight:650;display:grid}.admin-search input{color:#111827;background:var(--max-section);border:1px solid #d8dce3;border-radius:10px;width:100%;padding:11px 12px;font-size:16px}.admin-section>.admin-row>.secondary-button,.admin-section>.admin-row>.primary-button{width:auto;min-width:130px}.admin-actions .primary-button{background:var(--max-accent)}.admin-actions .secondary-button{background:#f3f4f6}.row-icon{color:#2563eb;background:#eff6ff;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.row-icon svg{width:17px}.row-value{margin-left:auto}.bottom-nav{z-index:10;padding:8px 12px max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #e5e7eb;justify-content:center;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#9ca3af;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;max-width:85px;padding:6px 4px;font-size:12px;font-weight:500;display:flex}.bottom-nav a.active{color:#2563eb;background:#eff6ff}.loading,.auth-error,.empty-state{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:58vh;padding:32px 18px;display:flex}.loading span{font-size:13px}.auth-error{color:#6b7280}.auth-error svg{color:#2563eb}.auth-error h1,.empty-state h2{color:#111827;margin:4px 0 0;font-size:19px}.auth-error p,.empty-state p{max-width:340px;margin:0 0 10px;font-size:13px;line-height:1.5}.empty-icon{color:#2563eb;background:#eff6ff;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.error-box{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.spin{color:#2563eb;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=640px){.page{padding-top:28px}.bottom-nav{padding-bottom:14px}}@media (prefers-reduced-motion:no-preference){button:not(:disabled):active{transform:scale(.96)}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--max-border:#374151;--max-soft:#374151;--max-subtle:#172554}[data-theme=dark] .card,[data-theme=dark] .catalog-categories ul,[data-theme=dark] .admin-summary>div{border-color:var(--max-border);box-shadow:none}[data-theme=dark] .add-channel-card h2,[data-theme=dark] .catalog-summary dd,[data-theme=dark] .catalog-categories button,[data-theme=dark] .section-heading h2,[data-theme=dark] .channel-stats strong,[data-theme=dark] .order-meta strong,[data-theme=dark] .auth-error h1,[data-theme=dark] .empty-state h2{color:var(--max-text)}[data-theme=dark] .secondary-button,[data-theme=dark] .admin-actions .secondary-button{color:#f9fafb;background:#374151}[data-theme=dark] .search-field,[data-theme=dark] .order-form input,[data-theme=dark] .order-form textarea,[data-theme=dark] .admin-search input,[data-theme=dark] .filter-panel input{border-color:var(--max-border);color:var(--max-text);background:var(--max-section)}[data-theme=dark] .order-content{color:#dbeafe;background:#172554}[data-theme=dark] .trust-note,[data-theme=dark] .slot,[data-theme=dark] .channel-avatar,[data-theme=dark] .avatar,[data-theme=dark] .empty-icon,[data-theme=dark] .row-icon{color:#bfdbfe;background:#172554}[data-theme=dark] .bottom-nav{border-color:var(--max-border);background:#111827f5}[data-theme=dark] .bottom-nav a.active{background:#172554}[data-theme=dark] .catalog-categories li+li,[data-theme=dark] .channel-stats,[data-theme=dark] .order-meta,[data-theme=dark] .transaction-row,[data-theme=dark] .list-row,[data-theme=dark] .admin-row{border-color:var(--max-border)}@media (width<=420px){.catalog-toolbar,.filter-panel{grid-template-columns:1fr}.filter-panel .secondary-button{grid-column:auto}.overview-card .metric-grid{grid-template-columns:repeat(2,1fr)}.quick-actions{grid-template-columns:1fr}.admin-summary{grid-template-columns:1fr 1fr}.admin-summary .secondary-button{grid-column:1/-1;width:100%}.admin-row{flex-direction:column;align-items:flex-start}.admin-actions{flex:none;width:100%}.admin-actions button{flex:1}.admin-section>.admin-row>.secondary-button,.admin-section>.admin-row>.primary-button{width:100%}}