*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#08111f;--bg-secondary:#0f172a;--bg-card:#0f172ad1;--bg-hover:#ffffff0f;--accent:#7c3aed;--accent-hover:#a855f7;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#ffffff14;--shadow:0 18px 50px #00000052;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--transition:.2s ease}html,body,#root{width:100%;height:100%}html{-webkit-text-size-adjust:100%}body{color:var(--text-primary);background:radial-gradient(circle at top,#172554 0%,#0f172a 35%,#0b1020 100%);font-family:ui-sans-serif,system-ui,sans-serif;overflow:hidden}.error-text{color:#ef4444;margin-top:8px;font-size:.9em;display:block}.zones-panel{flex-direction:column;height:calc(100vh - 300px);display:flex;overflow:hidden}.zones-list-container{flex:1;margin-top:16px;padding-right:8px;overflow-y:auto}.zones-list{gap:12px;min-width:100%;display:grid}.zone-row{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);transition:var(--transition);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.zone-row:hover{background:#ffffff08;border-color:#ffffff1f}.zone-row.updating{opacity:.7;pointer-events:none}.zone-row.updating .zone-name{color:var(--text-muted)}.zones-loading-overlay{z-index:10;background:#0f172acc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:3px solid #ffffff4d;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.zone-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;overflow:hidden}.zones-list-container::-webkit-scrollbar{width:8px}.zones-list-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.zones-list-container::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.zones-list-container::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea{border-radius:var(--radius-md)}button{font:inherit;cursor:pointer;transition:var(--transition);border:none;outline:none}button:hover{transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}input,textarea{font:inherit;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);transition:var(--transition);outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus{border-color:#c084fc80;box-shadow:0 0 0 3px #c084fc26}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#c084fc59}@media (width<=900px){body{overflow:hidden}.chat-shell{flex-direction:column;height:100vh;overflow:hidden}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#000000a6;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar-shell{transition:transform .3s cubic-bezier(.4,0,.2,1);top:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #00000080;z-index:1000!important;border-bottom:none!important;border-right:1px solid #ffffff14!important;width:290px!important;height:100vh!important;max-height:none!important;position:fixed!important}.sidebar-shell.open{transform:translate(0)}.chat-main{flex-direction:column;flex:1;height:calc(100vh - 56px);display:flex;min-height:0!important}.chat-window{padding:16px!important}.message-input{padding:12px!important}.message-textarea{font-size:16px;min-height:60px!important}.login-shell{align-items:stretch!important;padding:16px!important}.login-card{border-radius:20px!important;max-width:100%!important;padding:24px!important}.dashboard-shell{flex-direction:column;display:flex}.dashboard-rail{border-bottom:1px solid #ffffff14;border-right:none;width:100%}.dashboard-main{padding:16px}.dashboard-hero h2{max-width:none}.dashboard-grid{grid-template-columns:1fr}}@media (width<=640px){.sidebar-shell{max-height:none}.sidebar-button,.google-login-button,.send-button,.settings-button{width:100%}.sidebar-shell input,.message-textarea{font-size:16px}.surface-card,.dashboard-rail-card,.hero-panel{border-radius:20px}.list-row,.section-header{flex-direction:column}}.chat-mobile-header{display:none}@media (width<=900px){.chat-mobile-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:90;background:#0f172ad9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:56px;padding:0 16px;display:flex;position:sticky;top:0}}.sidebar-mobile-close-btn{display:none}@media (width<=900px){.sidebar-mobile-close-btn{display:block}}.message-bubble-container{flex-direction:column;max-width:75%;display:flex}@media (width<=640px){.message-bubble-container{max-width:90%}}.dashboard-content-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.dashboard-content-grid.single-col{grid-template-columns:1fr}@media (width<=900px){.dashboard-content-grid{grid-template-columns:1fr!important}}.dashboard-shell{background:radial-gradient(circle at 0 0,#7c3aed2e,#0000 30%),linear-gradient(135deg,#020617 0%,#08111f 45%,#0f172a 100%);grid-template-columns:280px 1fr;min-height:100vh;display:grid}.dashboard-sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0206178c;border-right:1px solid #ffffff14;flex-direction:column;justify-content:space-between;gap:24px;padding:24px;display:flex}.brand-block{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;width:56px;height:56px;box-shadow:var(--shadow);background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:18px;place-items:center;font-size:26px;font-weight:800;display:grid}.brand-title,.dashboard-header h1,.hero-panel h2,.panel-card h2,.settings-card h2{letter-spacing:-.04em}.brand-title{font-size:1.2rem;font-weight:800}.dashboard-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#a5b4fc;font-size:11px}.sidebar-nav{gap:8px;display:grid}.nav-item{color:var(--text-primary);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:13px 14px;display:flex}.nav-item:hover,.nav-item.active{background:#ffffff0f;border-color:#ffffff14}.nav-icon{background:#ffffff14;border-radius:10px;place-items:center;width:28px;height:28px;display:grid}.sidebar-footer{gap:14px;display:grid}.profile-card,.hero-meta-card,.stat-card,.panel-card,.table-card,.settings-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ad1;border:1px solid #ffffff14}.profile-card,.hero-meta-card{border-radius:22px;padding:16px}.profile-label,.stat-label,.section-copy,.muted{color:var(--text-muted)}.profile-value{word-break:break-word;margin-top:6px;font-weight:700}.profile-meta,.stat-delta{color:#94a3b8;margin-top:6px;font-size:13px}.primary-action,.secondary-action,.send-button,.google-login-button{border-radius:14px;padding:12px 16px;font-weight:700}.primary-action{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb)}.secondary-action{color:#fff;background:#ffffff0d;border:1px solid #ffffff14}.danger-action{color:#fecaca;border-color:#f8717133}.dashboard-main{flex-direction:column;align-items:center;padding:24px;display:flex;overflow:auto}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:16px;width:min(100%,1320px);margin-bottom:18px;display:flex}.dashboard-header h1{max-width:12ch;margin-top:8px;font-size:clamp(1.8rem,2.7vw,2.6rem);line-height:.96}.header-actions{flex-wrap:wrap;gap:8px;display:flex}.badge{border:1px solid #0000;border-radius:999px;align-items:center;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-neutral{color:#dbeafe;background:#ffffff0f}.badge-success{color:#86efac;background:#22c55e1f;border-color:#22c55e38}.badge-warning{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b38}.view-shell{width:min(100%,1320px);display:grid}.view-grid,.metrics-grid,.chart-grid{gap:14px;display:grid}.view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{border-radius:28px;grid-column:span 2;grid-template-columns:1.4fr .8fr;gap:20px;padding:18px 20px;display:grid}.hero-panel h2,.panel-card h2,.settings-card h2{margin-top:6px;font-size:clamp(1.2rem,1.6vw,1.7rem)}.hero-panel p,.section-copy{max-width:62ch;margin-top:10px;line-height:1.6}.hero-actions,.save-row,.detail-actions,.toolbar-controls{flex-wrap:wrap;gap:10px;display:flex}.stat-card,.panel-card,.table-card,.settings-card{border-radius:24px;padding:18px}.stat-value{margin-top:8px;font-size:1.9rem;font-weight:800}.section-stack{gap:14px;display:grid}.section-toolbar,.section-head,.detail-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-head h2,.section-toolbar h2,.detail-header h2,.settings-card h2,.panel-card h2{margin-top:6px}.input{width:100%;color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;padding:12px 14px}.input:focus{border-color:#7c3aed8c}.table-card{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #ffffff0f;padding:14px 12px}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.actions-cell{width:48px}.icon-button{color:#fff;background:#ffffff0f;border-radius:12px;width:38px;height:38px}.dropdown-wrap{position:relative}.dropdown-menu{min-width:190px;box-shadow:var(--shadow);z-index:10;background:#0b1020;border:1px solid #ffffff14;border-radius:16px;padding:8px;display:grid;position:absolute;top:46px;right:0}.dropdown-menu button{text-align:left;color:var(--text-primary);border-radius:12px;padding:10px 12px}.dropdown-menu button:hover{background:#ffffff0f}.dropdown-menu .danger{color:#fca5a5}.split-view{grid-template-columns:340px minmax(0,1fr);gap:16px;display:grid}.list-panel{min-height:560px}.conversation-item{text-align:left;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;gap:7px;padding:15px;display:grid}.conversation-item.active{background:#7c3aed1f;border-color:#7c3aed80}.conversation-topline{color:#cbd5e1;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.conversation-title{font-weight:700}.conversation-snippet,.trend-copy,.error-item p{color:var(--text-muted);line-height:1.6}.detail-panel{gap:16px;display:grid}.transcript-card{gap:12px;display:grid}.transcript-line{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;padding:14px}.transcript-line span{color:#93c5fd;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:12px;display:inline-block}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.line-chart{width:100%;height:auto;margin-top:10px}.mini-bars{grid-template-columns:repeat(8,1fr);align-items:end;gap:10px;height:220px;margin-top:16px;display:grid}.mini-bar-wrap{align-items:end;height:100%;display:flex}.mini-bar{background:linear-gradient(#8b5cf6,#2563eb);border-radius:14px 14px 4px 4px;width:100%}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.field{gap:8px;display:grid}.field span{color:#cbd5e1;font-size:14px}.span-2{grid-column:span 2}.textarea{resize:vertical;min-height:180px}.save-toast{color:#86efac;align-self:center;font-weight:700}.health-badges{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.status-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:10px;padding:16px 18px;font-weight:700;display:flex}.status-card.good{color:#86efac}.status-card.alert{color:#fca5a5}.dot{width:10px;height:10px;box-shadow:0 0 0 6px color-mix(in srgb, currentColor 16%, transparent);background:currentColor;border-radius:999px}.health-metrics{gap:12px;margin-top:18px;display:grid}.metric-row{background:#ffffff0a;border-radius:16px;justify-content:space-between;gap:16px;padding:14px 16px;display:flex}.error-log{gap:10px;display:grid}.error-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;gap:6px;padding:14px 16px;display:grid}.error-item.warning{border-color:#f59e0b40}.error-item.info{border-color:#60a5fa29}.overview-list{gap:12px;display:grid}.overview-row{background:#ffffff0a;border-radius:16px;justify-content:space-between;gap:16px;padding:14px 16px;display:flex}.section-divider{background:#ffffff14;height:1px;margin:4px 0}.error-banner{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:16px;margin-bottom:16px;padding:14px 16px}.empty-state{color:var(--text-muted);background:#ffffff08;border:1px dashed #ffffff14;border-radius:16px;padding:16px}@media (width<=1100px){.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{border-bottom:1px solid #ffffff14;border-right:none}.view-grid,.metrics-grid,.chart-grid,.health-badges,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.split-view,.hero-panel{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-main{align-items:stretch}.dashboard-header,.view-shell{width:100%}}@media (width<=720px){.dashboard-main,.dashboard-sidebar{padding:16px}.hero-panel,.panel-card,.settings-card,.table-card,.stat-card{border-radius:20px;padding:16px}.section-toolbar,.section-head,.detail-header{flex-direction:column}.toolbar-controls{width:100%}.toolbar-controls .input{flex:100%;min-width:0}.overview-row,.metric-row,.status-card{flex-direction:column;align-items:flex-start}.hero-actions,.detail-actions,.save-row{width:100%}.primary-action,.secondary-action{justify-content:center;width:100%}}@media (width<=640px){.data-table,.data-table thead,.data-table tbody,.data-table th,.data-table td,.data-table tr{display:block}.data-table{min-width:0}.data-table thead tr{position:absolute;top:-9999px;left:-9999px}.data-table tr{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;margin-bottom:14px;padding:12px}.data-table tr:last-child{margin-bottom:0}.data-table td{text-align:right;border-bottom:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 4px;display:flex}.data-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);text-align:left;flex-shrink:0;font-size:12px}.data-table td.actions-cell{justify-content:flex-end}.data-table td.actions-cell:before{content:""}}