@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-Duvu0CAl.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Light-C1tknH-X.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Medium-B-WQFzlZ.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Bold-wKoUxKdV.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Black-BehXRDHz.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}:root{--bg-primary:#f5f5f5;--bg-card:#fff;--bg-hover:#ececec;--bg-sidebar:#0a2239;--text-primary:#1a1a1a;--text-secondary:#666;--text-tertiary:#999;--text-sidebar:#fff;--border-color:#e0e0e0;--border-hover:#ccc;--icon-color:#0cf574;--icon-hover:#0cf574;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--transition:all .2s ease;--sidebar-width:88px;--font-family:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-light:300;--font-regular:400;--font-medium:500;--font-bold:700;--font-black:900;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-card:#242424;--bg-hover:#2a2a2a;--bg-sidebar:#0f0f0f;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-tertiary:#666;--border-color:#333;--border-hover:#444;--icon-color:#0cf574;--icon-hover:#0cf574;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family);font-weight:var(--font-regular);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-5xl);font-weight:var(--font-black)}h2{font-size:var(--text-4xl);font-weight:var(--font-bold)}h3{font-size:var(--text-2xl);font-weight:var(--font-bold)}h4{font-size:var(--text-xl);font-weight:var(--font-medium)}h5{font-size:var(--text-lg);font-weight:var(--font-medium)}h6{font-size:var(--text-base);font-weight:var(--font-medium)}p{font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-secondary)}a{color:var(--text-primary);text-decoration:none}button{font-family:var(--font-family);font-weight:var(--font-medium)}input,textarea,select{font-family:var(--font-family)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#1a1a1a;--bg-card:#242424;--bg-hover:#2a2a2a;--bg-sidebar:#0f0f0f;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-tertiary:#666;--border-color:#333;--border-hover:#444;--icon-color:#a0a0a0;--icon-hover:#f5f5f5}}.dot-field-container{width:100%;height:100%;position:relative}.home-screen{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.home-header{padding:var(--spacing-4) var(--spacing-8);border-bottom:1px solid var(--border-color);background:var(--bg-card);z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.header-left{justify-content:center;align-items:center;display:flex}.logo{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.02em}.header-right{align-items:center;gap:var(--spacing-3);display:flex}.nav-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:var(--transition);background:0 0;display:flex}.nav-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.theme-toggle{border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:var(--transition);background:0 0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.dotfield-background{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.home-main{padding:var(--spacing-12) var(--spacing-6);z-index:1;pointer-events:auto;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:900px;margin:0 auto;display:flex;position:relative}.hero-section{text-align:center;margin-bottom:var(--spacing-10)}.hero-section h2{font-size:var(--text-4xl);font-weight:var(--font-black);color:var(--text-primary);margin-bottom:var(--spacing-3);line-height:var(--leading-tight)}.hero-section p{font-size:var(--text-lg);color:var(--text-secondary);max-width:500px;line-height:var(--leading-relaxed);margin:0 auto}.stats-row{gap:var(--spacing-4);margin-bottom:var(--spacing-10);width:100%;display:flex}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--spacing-5) var(--spacing-4);align-items:center;gap:var(--spacing-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;flex:1;transition:transform .2s;display:flex}.stat-card:hover{transform:translateY(-2px)}.stat-card.highlight{background:linear-gradient(135deg,#136eff 0%,#0c2842 100%);border:none}.stat-card.highlight .stat-value,.stat-card.highlight .stat-label{color:#fff}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.stat-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.upload-section{margin-bottom:var(--spacing-10);flex-direction:column;align-items:center;display:flex}.upload-btn{justify-content:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-8) var(--spacing-16);background:var(--bg-card);border-radius:var(--radius-2xl);cursor:pointer;color:var(--text-secondary);transition:var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px dashed #3b82f6;flex-direction:column;min-width:280px;height:100px;display:flex}.upload-btn:hover:not(:disabled){color:#3b82f6;background:#3b82f60d;border-color:#3b82f6}.upload-btn:disabled{opacity:.7;cursor:not-allowed}.upload-btn span{font-size:var(--text-lg);font-weight:var(--font-medium)}.upload-btn svg{transition:transform .2s}.upload-btn:hover:not(:disabled) svg{transform:translateY(-4px)}.upload-hint{margin-top:var(--spacing-4);font-size:var(--text-sm);color:var(--text-secondary);text-align:center;max-width:400px;line-height:var(--leading-relaxed);font-weight:var(--font-medium)}.spinner{border:2px solid var(--border-color);border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quick-links{gap:var(--spacing-4);display:flex}.quick-link{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:var(--transition);display:flex}.quick-link:hover{background:var(--bg-hover);border-color:var(--border-hover)}@media (width<=768px){.home-header{padding:var(--spacing-3) var(--spacing-4)}.header-right{gap:var(--spacing-2)}.nav-btn span{display:none}.stats-row{flex-wrap:wrap}.stat-card{min-width:calc(50% - var(--spacing-2))}.hero-section h2{font-size:var(--text-3xl)}.quick-links{flex-direction:column;width:100%}.quick-link{justify-content:center}}.header-logo{cursor:pointer;width:40px;height:40px}.header-log-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-left:var(--spacing-2)}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);padding:var(--spacing-5) 0;justify-content:space-between;align-items:center;gap:var(--spacing-5);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-icon-btn{border-radius:var(--radius-lg);cursor:pointer;width:40px;height:40px;color:var(--icon-color);transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-icon-btn:hover{color:var(--text-primary);background:#ffffff1a}.sidebar-icon-btn:active{transform:scale(.95)}.sidebar-logo{text-align:center;width:40px;height:40px;margin-bottom:var(--spacing-2)}.sidebar-logo:hover{cursor:pointer;opacity:.8}.sidebar-logo:active{opacity:1}.icondiv{flex-direction:column;align-items:center;display:flex}.icondiv:hover{opacity:.7;color:var(--text-primary)}.icondiv:active{transform:scale(.95)}.sidebar-btn-text{font-size:var(--text-xs);color:var(--text-sidebar)}.subdiv1{align-items:center;gap:var(--spacing-2);flex-direction:column;display:flex}.dashboard-layout{background-color:var(--bg-primary);min-height:100vh;display:flex}.dashboard-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;display:flex}.dashboard-header{padding:var(--spacing-4) var(--spacing-6);background-color:var(--bg-primary);justify-content:flex-end;align-items:center;display:flex}.header-title{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-primary)}.workspace{padding:var(--spacing-6);background-color:var(--bg-primary);flex:1}.household-list{padding:var(--spacing-6)}.household-list.loading{min-height:200px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.household-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex}.household-header .header-content{align-items:center;gap:var(--spacing-3);display:flex}.household-header h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.household-count{font-size:var(--text-sm);color:var(--text-secondary)}.upload-btn-household{font-weight:var(--font-medium);cursor:pointer;color:var(--text-primary);background:0 0;border:none;flex-direction:row;align-items:center;gap:8px;padding:0;font-size:12px;transition:color .2s;display:flex}.upload-icon{color:#fff;background:#4f46e5;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,transform .2s;display:flex}.upload-btn-household:hover:not(:disabled){color:#4f46e5}.upload-btn-household:hover:not(:disabled) .upload-icon{background:#4338ca;transform:translateY(-2px)}.upload-btn-household:active:not(:disabled) .upload-icon{transform:translateY(0)}.upload-btn-household:disabled{opacity:.6;cursor:not-allowed}.household-table{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);overflow:hidden}.table-header{padding:var(--spacing-4) var(--spacing-5);background:var(--bg-hover);font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-color);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.table-row{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-hover)}.table-row .name{font-weight:var(--font-medium);color:var(--text-primary)}.table-row span{color:var(--text-secondary);font-size:var(--text-sm)}.table-empty{padding:var(--spacing-10) var(--spacing-5);text-align:center;color:var(--text-secondary)}.household-detail{padding:var(--spacing-6)}.household-detail.loading,.household-detail.error{justify-content:center;align-items:center;gap:var(--spacing-4);min-height:300px;color:var(--text-secondary);flex-direction:column;display:flex}.household-detail.error button{padding:var(--spacing-2) var(--spacing-4);color:#fff;border-radius:var(--radius-lg);cursor:pointer;background:#3b82f6;border:none}.detail-header{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8);display:flex}.detail-header h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary)}.detail-header .id{font-size:var(--text-sm);color:var(--text-secondary)}.detail-section{margin-bottom:var(--spacing-8)}.detail-section h2{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--spacing-4)}.cards{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-4)}.card-row{padding:var(--spacing-2) 0;border-bottom:1px solid var(--border-color);justify-content:space-between;display:flex}.card-row:last-child{border-bottom:none}.card-row .label{font-size:var(--text-sm);color:var(--text-secondary)}.card-row span:last-child{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.audio-btn{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0}.audio-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.audio-btn:active{transform:scale(.95)}.audio-btn:disabled{opacity:.7;cursor:not-allowed}.ai-audio{align-items:center;gap:var(--spacing-3);padding:var(--spacing-5);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#10b9811a 0%,#10b9810d 100%);border:2px solid #10b9814d;flex-direction:column;display:flex;position:relative;overflow:hidden}.ai-audio:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#10b98126,#0000 70%);position:absolute;inset:0}.ai-audio .audio-btn{z-index:1;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-xl);color:#fff;font-weight:var(--font-medium);justify-content:center;align-items:center;gap:var(--spacing-2);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;display:flex;position:relative;box-shadow:0 4px 15px #10b9814d}.ai-audio .audio-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.ai-audio .audio-btn:disabled{opacity:.8}.audio-mic-text{z-index:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:#10b981;text-align:center;margin:0;position:relative}.error{color:#ef4444;font-size:var(--text-sm);margin-top:var(--spacing-2);z-index:1;position:relative}.success{color:#10b981;font-size:var(--text-sm);margin-top:var(--spacing-2);font-weight:var(--font-medium);z-index:1;position:relative}.spinner{animation:1s linear infinite spin}.audio-mic-text{color:var(--icon-color)}.ai-audio{align-items:center;gap:var(--spacing-2);background-color:var(--bg-sidebar);flex-direction:column;padding:8px;display:flex}.button-subtext{font-size:var(--text-xs);color:var(--text-secondary)}.insights{padding:var(--spacing-6);max-width:1600px;margin:0 auto}.insights.loading,.insights.error{justify-content:center;align-items:center;gap:var(--spacing-4);min-height:400px;color:var(--text-secondary);flex-direction:column;display:flex}.insights.error button{padding:var(--spacing-2) var(--spacing-5);color:#fff;border-radius:var(--radius-lg);cursor:pointer;font-weight:var(--font-medium);background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;transition:transform .2s}.insights.error button:hover{transform:scale(1.05)}.insights h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-6)}.back-btn{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;margin-bottom:var(--spacing-6);transition:var(--transition);font-size:var(--text-sm);font-weight:var(--font-medium);background:0 0}.back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.summary-cards{gap:var(--spacing-4);margin-bottom:var(--spacing-8);grid-template-columns:repeat(6,1fr);display:grid}.summary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--spacing-5) var(--spacing-4);align-items:center;gap:var(--spacing-2);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-card.highlight-blue{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none}.summary-card.highlight-green{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none}.summary-card.highlight-purple{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none}.summary-card.highlight-blue .card-value,.summary-card.highlight-blue .card-label,.summary-card.highlight-green .card-value,.summary-card.highlight-green .card-label,.summary-card.highlight-purple .card-value,.summary-card.highlight-purple .card-label{color:#fff}.card-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.card-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.charts-grid{gap:var(--spacing-6);margin-bottom:var(--spacing-8);grid-template-columns:repeat(3,1fr);display:grid}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--spacing-5);transition:box-shadow .2s}.chart-card:hover{box-shadow:var(--shadow-md)}.chart-card.wide{grid-column:span 2}.chart-card h3{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-color)}.chart-legend{justify-content:center;gap:var(--spacing-4);margin-top:var(--spacing-3);flex-wrap:wrap;display:flex}.chart-legend.scrollable{justify-content:flex-start;max-height:100px;overflow-y:auto}.legend-item{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.dot{border-radius:var(--radius-full);width:10px;height:10px}.averages-section{gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);display:grid}.average-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--spacing-6);text-align:center;transition:transform .2s}.average-card:hover{transform:translateY(-2px)}.average-card h4{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--spacing-3)}.avg-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}@media (width<=1200px){.summary-cards{grid-template-columns:repeat(3,1fr)}.charts-grid{grid-template-columns:repeat(2,1fr)}.chart-card.wide{grid-column:span 2}}@media (width<=768px){.summary-cards{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.chart-card.wide{grid-column:span 1}.averages-section{grid-template-columns:repeat(2,1fr)}}