@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;500;600;700&display=swap";.voice-app{color-scheme:light;--bg: #0b1020;--panel: rgba(255, 255, 255, .08);--text: #e8eefc;--muted: rgba(232, 238, 252, .75);--border: rgba(232, 238, 252, .14);--accent: #7aa2ff;--danger: #ff5670;min-height:100vh;background:radial-gradient(1200px 600px at 20% 0%,rgba(122,162,255,.18),transparent 55%),radial-gradient(900px 500px at 80% 20%,rgba(124,255,195,.12),transparent 60%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.voice-app *,.voice-app *:before,.voice-app *:after{box-sizing:border-box}.voice-app a{color:var(--text);text-decoration:none}.voice-app input,.voice-app button{font:inherit}.voice-app input,.voice-app select,.voice-app textarea,.voice-app button{max-width:100%}.voice-app .container{max-width:1120px;margin:0 auto;padding:clamp(12px,2.4vw,20px)}.voice-app .topbar{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--border);background:#ffffff0f;border-radius:14px;flex-wrap:wrap}.voice-app .topbar .links{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0}.voice-app .pill{padding:8px 10px;border:1px solid var(--border);background:#ffffff0a;border-radius:999px;color:var(--muted);max-width:100%}.voice-app .grid{margin-top:14px;display:grid;gap:12px}.voice-app .card{border:1px solid var(--border);background:#ffffff0f;border-radius:14px;padding:14px;min-width:0;overflow:hidden}.voice-app .card h2{margin:0 0 12px;font-size:18px}.voice-app .row{display:flex;gap:10px;flex-wrap:wrap;min-width:0}.voice-app .row>*{min-width:0}.voice-app .field{display:grid;gap:6px;min-width:220px;flex:1}.voice-app .field label{font-size:12px;color:var(--muted)}.voice-app .field input{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#00000040;color:var(--text);outline:none}.voice-app .btn{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff14;color:var(--text);cursor:pointer}.voice-app .btn.primary{border-color:#7aa2ff80;background:#7aa2ff2e}.voice-app .btn.danger{border-color:#ff567099;background:#ff56701f}.voice-app .btn:disabled{opacity:.5;cursor:not-allowed}.voice-app .error{color:var(--danger);font-size:13px}.voice-app .muted{color:var(--muted);font-size:13px}.voice-app .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.voice-app .scroll-x{overflow-x:auto;width:100%}.voice-app .data-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.voice-app .data-table th,.voice-app .data-table td{border-bottom:1px solid var(--border);padding:6px 8px;vertical-align:top;text-align:left;overflow-wrap:anywhere;word-break:break-word}.voice-app .data-table th{color:var(--muted)}.voice-app .data-table code{white-space:pre-wrap;overflow-wrap:anywhere}.voice-app .logs-pane{max-height:280px;overflow:auto}.voice-app .section-pre{overflow-wrap:anywhere;word-break:break-word}.voice-app .modal-backdrop{position:fixed;inset:0;background:#030712b8;display:grid;place-items:center;padding:18px;z-index:50}.voice-app .modal-panel{width:min(980px,100%);max-height:min(85vh,900px);background:#0f162d;border:1px solid var(--border);border-radius:14px;padding:12px;overflow:hidden}.voice-app .modal-pre{margin-top:10px;max-height:calc(85vh - 72px);overflow:auto;background:#ffffff0a;border:1px solid var(--border);border-radius:10px;padding:10px}@media(max-width:760px){.voice-app .field{min-width:100%}.voice-app .topbar{padding:10px}.voice-app .btn{width:100%}.voice-app .row.compact-mobile .btn,.voice-app .row.compact-mobile .pill{width:auto}.voice-app .modal-panel{max-height:90vh}}:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:#f8fafc;color:#0f172a;--bg: #f8fafc;--bg-soft: #ffffff;--bg-card: #ffffff;--bg-accent: #f1f5f9;--brand: #0284c7;--brand-2: #64748b;--muted: #94a3b8;--text: #0f172a;--stroke: #e2e8f0;--success: #10b981;--danger: #ef4444;--shadow: 0 10px 20px rgba(15, 23, 42, .08);--display: "Outfit", sans-serif}.dark{color-scheme:dark;background-color:#0a0b10;color:#f1f5f9;--bg: #0a0b10;--bg-soft: #15171e;--bg-card: #15171e;--bg-accent: #21242d;--brand: #0ea5e9;--brand-2: #94a3b8;--muted: #94a3b8;--text: #f1f5f9;--stroke: rgba(255, 255, 255, .08);--success: #10b981;--danger: #ef4444;--shadow: 0 10px 20px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font-family:inherit}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:block;min-height:100vh}.sidebar{background:var(--bg-soft);padding:32px 24px;border-right:1px solid var(--stroke);display:flex;flex-direction:column;gap:28px;position:fixed;top:0;left:0;bottom:0;width:280px;overflow-y:auto}.brand{font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:.3px}.nav{display:flex;flex-direction:column;gap:12px}.nav a{padding:12px 16px;border-radius:14px;background:transparent;color:var(--muted);border:1px solid transparent;transition:.2s ease}.nav a.active,.nav a:hover{background:var(--bg-accent);color:var(--text);border-color:var(--stroke)}.user-card{margin-top:auto;padding:16px;border-radius:16px;background:var(--bg-card);box-shadow:var(--shadow);display:grid;gap:8px;border:1px solid var(--stroke)}.user-card span{font-size:13px;color:var(--muted)}.main{padding:32px 40px;margin-left:280px;width:calc(100% - 280px)}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.header h1{font-size:32px;font-weight:700}.header p{color:var(--muted);margin-top:6px}.card{background:var(--bg-card);border:1px solid var(--stroke);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.input-group{display:grid;gap:8px}.input-group label{font-size:13px;color:var(--muted)}input,select,textarea{background:var(--bg-soft);border:1px solid var(--stroke);padding:12px 14px;border-radius:12px;color:var(--text);font-size:14px}textarea{resize:vertical;min-height:90px}.btn{background:var(--brand);color:#fff;border:none;padding:12px 18px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 20px #0284c733}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--stroke);box-shadow:none}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:hover:not(:disabled){transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--bg-accent);padding:4px 10px;border-radius:999px;font-size:12px;color:var(--muted)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-visual{background:linear-gradient(135deg,#0284c71f,#64748b1f);padding:48px;display:flex;align-items:center;justify-content:center}.auth-visual .card{max-width:360px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:48px}.form{width:100%;max-width:380px;display:grid;gap:18px}.product-card{display:grid;gap:14px;border-radius:18px;padding:18px;background:var(--bg-soft);border:1px solid var(--stroke)}.product-card img{width:100%;height:160px;border-radius:14px;object-fit:cover}.product-price{font-size:18px;font-weight:600}.address-card{display:grid;gap:6px;padding:18px;border-radius:16px;background:var(--bg-soft);border:1px solid var(--stroke)}.split{display:flex;gap:12px;flex-wrap:wrap}.alert{padding:12px 14px;border-radius:12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#b91c1c;font-size:13px}.dark .alert{background:#ef44441f;border-color:#ef444459;color:#fecaca}.success{background:#10b9811f;border-color:#10b98140;color:#047857}.dark .success{color:#a7f3d0}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;justify-content:space-between;padding:20px;height:auto;overflow:visible;position:sticky;width:100%}.nav{flex-direction:row;flex-wrap:wrap}.main{padding:24px;margin-left:0;width:100%}.auth-shell{grid-template-columns:1fr}}@media(max-width:1100px){.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.grid.three{grid-template-columns:1fr}}
