@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-blue: #0047AB;--secondary-blue: #E8F0FE;--text-main: #1A1A1A;--text-muted: #666666;--bg-light: #F8FAFC;--white: #FFFFFF;--border-color: #E2E8F0;--success-green: #10B981;--error-red: #EF4444;--info-blue: #3B82F6;--sidebar-width: 260px;--sidebar-collapsed-width: 80px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-light);color:var(--text-main);-webkit-font-smoothing:antialiased}.dashboard-layout{display:flex;height:100vh;width:100vw;overflow:hidden}@media(max-width:768px){.dashboard-layout{flex-direction:column;height:auto;min-height:100vh;overflow:visible}}.analytics-view .kpi-card{padding:20px;display:flex;flex-direction:column}.kpi-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.kpi-trend{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:600}.kpi-trend.up{background-color:#dcfce7;color:#15803d}.kpi-trend.down{background-color:#fee2e2;color:#b91c1c}.kpi-trend.neutral{background-color:#f1f5f9;color:#64748b}.kpi-value{font-size:28px;font-weight:800;color:#0f172a;margin-top:12px}.kpi-label{font-size:13px;font-weight:600;color:#64748b;margin-top:4px}.discovery-dot{width:8px;height:8px;border-radius:50%;background-color:#3b82f6;flex-shrink:0}.challenge-box{transition:transform .2s}.challenge-box:hover{transform:translateY(-2px)}.analytics-view .gap-20{gap:20px}.analytics-view .mb-12{margin-bottom:12px}.analytics-view .mb-16{margin-bottom:16px}.analytics-view{padding:32px}@media(max-width:1024px){.analytics-view{padding:24px}}@media(max-width:768px){.analytics-view{padding:16px}.analytics-view .gap-24{gap:16px}.kpi-card{padding:16px}.kpi-value{font-size:24px}}.analytics-view .rounded-lg{border-radius:8px}.analytics-view .bg-slate-50{background-color:#f8fafc}@media(min-width:1024px){.analytics-view .lg-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-view .lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-view .lg-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-view .lg-col-span-1{grid-column:span 1 / span 1}}.analytics-view .flex{display:flex}.analytics-view .justify-between{justify-content:space-between}.analytics-view .items-center{align-items:center}.analytics-view .items-start{align-items:flex-start}.analytics-view .gap-12{gap:12px}.analytics-view .gap-8{gap:8px}.analytics-view .font-bold{font-weight:700}.analytics-view .text-2xl{font-size:1.5rem;line-height:2rem}.analytics-view .text-slate-900{color:#0f172a}.analytics-view .text-slate-500{color:#64748b}.analytics-view .text-slate-600{color:#475569}.analytics-view .text-slate-800{color:#1e293b}.analytics-view .text-amber-500{color:#f59e0b}.analytics-view .text-blue-500{color:#3b82f6}.analytics-view .mt-6{margin-top:6px}.analytics-view .tracking-wider{letter-spacing:.05em}.analytics-view .space-y-16>*+*{margin-top:16px}.app-sidebar{width:var(--sidebar-width);background-color:var(--white);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:24px 0;transition:width .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;z-index:50;overflow:hidden}.app-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.mobile-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:1024px){.app-sidebar:not(.mobile-show){width:var(--sidebar-collapsed-width)}.app-sidebar:not(.mobile-show) .sidebar-header img,.app-sidebar:not(.mobile-show) .nav-item span,.app-sidebar:not(.mobile-show) .nav-chevron,.app-sidebar:not(.mobile-show) .sidebar-footer span{display:none}}@media(max-width:768px){.app-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1001;transform:translate(-100%);box-shadow:20px 0 50px #0000001a}.app-sidebar.mobile-show{width:var(--sidebar-width);transform:translate(0)}.app-sidebar.mobile-show .sidebar-header img,.app-sidebar.mobile-show .nav-item span,.app-sidebar.mobile-show .sidebar-footer span{display:block!important}}.sidebar-header{padding:0 16px 32px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;height:40px;box-sizing:content-box}.app-sidebar.collapsed .sidebar-header{padding:0 0 32px;justify-content:center}.sidebar-toggle{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;transition:all .2s}.sidebar-toggle:hover{background-color:#f1f5f9;color:var(--primary-blue)}.sidebar-logo-icon{color:var(--primary-blue)}.sidebar-logo-text{font-weight:700;font-size:18px;color:var(--primary-blue);line-height:1.2}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;overflow-x:hidden;padding:0 4px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 24px;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-left:4px solid transparent;white-space:nowrap}.app-sidebar.collapsed .nav-item{justify-content:center;padding:12px 0}.nav-item:hover{background-color:#f1f5f9;color:var(--text-main)}.nav-item.active{background-color:var(--secondary-blue);color:var(--primary-blue);border-left-color:var(--primary-blue)}.nav-chevron{margin-left:auto;transition:transform .2s ease;color:#94a3b8}.nav-chevron.expanded{transform:rotate(90deg);color:var(--primary-blue)}.sub-nav{display:flex;flex-direction:column;padding:4px 0 8px;background-color:#f8fafc}.sub-nav-item{display:flex;align-items:flex-start;gap:12px;padding:10px 24px 10px 52px;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.sub-nav-item:hover{color:var(--text-main);background-color:#f1f5f9}.sub-nav-item.active{color:var(--primary-blue);font-weight:600;background-color:#eef2ff}.sub-nav-dot{width:6px;height:6px;border-radius:50%;background-color:#cbd5e1;flex-shrink:0;margin-top:6px}.sub-nav-item.active .sub-nav-dot{background-color:var(--primary-blue)}.sidebar-footer{padding:16px 0;border-top:1px solid var(--border-color);display:flex;flex-direction:column}.app-sidebar.collapsed .sidebar-footer{padding:16px 0}.app-main{flex:1;display:flex;flex-direction:column;overflow-y:auto}.app-header{height:72px;background-color:var(--white);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:100;flex-shrink:0}@media(max-width:768px){.app-header{padding:0 16px;height:64px}}.menu-toggle{display:none;background:none;border:none;color:var(--text-main);cursor:pointer;padding:8px;margin-right:8px}@media(max-width:768px){.menu-toggle{display:flex;align-items:center;justify-content:center}}.search-container{display:flex;align-items:center;background-color:#f1f5f9;border-radius:8px;padding:8px 16px;width:400px;transition:width .3s}@media(max-width:1024px){.search-container{width:260px}}@media(max-width:768px){.search-container{width:100%;margin:0 8px}.search-input{font-size:13px}.user-info{display:none}}.search-icon{color:#94a3b8;margin-right:8px}.search-input{border:none;background:transparent;outline:none;width:100%;font-size:14px}.header-actions{display:flex;align-items:center;gap:24px}.notification-btn{background:none;border:none;color:#64748b;cursor:pointer;position:relative}.notification-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:var(--error-red);border-radius:50%;border:2px solid var(--white)}.user-profile{display:flex;align-items:center;gap:12px}.user-info{text-align:right}.user-name{font-size:14px;font-weight:600;color:var(--text-main);display:block}.user-role{font-size:12px;color:var(--text-muted)}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#cbd5e1}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;width:100%}.page-header-text{display:flex;flex-direction:column}.page-header-title{font-size:28px;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.page-header-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:4px}.page-header-action-btn{white-space:nowrap}@media(max-width:768px){.page-header{flex-direction:column;gap:16px;margin-bottom:24px}}.dashboard-container{padding:32px;display:flex;flex-direction:column;gap:32px}@media(max-width:1024px){.dashboard-container{padding:24px;gap:24px}}@media(max-width:768px){.dashboard-container{padding:16px;gap:16px}}.header-row{display:flex;justify-content:space-between;align-items:flex-start}.welcome-text h1{font-size:24px;font-weight:700;color:var(--text-main);margin-bottom:4px}.welcome-text p{color:var(--text-muted);font-size:14px}.btn-primary{background-color:var(--primary-blue);color:var(--white);border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-secondary{background-color:var(--white);color:#475569;border:1px solid var(--border-color);padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background-color:#f8fafc;color:var(--primary-blue);border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.btn-secondary:active{transform:scale(.98)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr;gap:16px}}.stat-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px}.stat-header{display:flex;justify-content:space-between;align-items:flex-start}.stat-icon-wrapper{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.trend-indicator{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.trend-up{background-color:#dcfce7;color:var(--success-green)}.trend-down{background-color:#fee2e2;color:var(--error-red)}.stat-content h3{font-size:14px;color:var(--text-muted);font-weight:500;margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:var(--text-main)}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.dashboard-panel{background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:24px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel-title{font-size:16px;font-weight:600;color:var(--text-main)}.panel-filter{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-muted);background:transparent}.breakdown-item{margin-bottom:20px}.breakdown-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.progress-bar{height:8px;background-color:#f1f5f9;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px}.bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;border-bottom:1px solid var(--border-color)}.data-table td{padding:16px;font-size:14px;border-bottom:1px solid var(--border-color)}.badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.badge-active{background-color:#dcfce7;color:var(--success-green)}.badge-draft{background-color:#f1f5f9;color:var(--text-muted)}.badge-closed{background-color:#fee2e2;color:var(--error-red)}.export-list{display:flex;flex-direction:column;gap:16px}.export-item{display:flex;align-items:center;gap:12px;padding:12px;background-color:#f8fafc;border-radius:8px}.export-info h4{font-size:13px;font-weight:600;margin-bottom:2px}.export-info p{font-size:11px;color:var(--text-muted)}.btn-outline{width:100%;margin-top:16px;padding:10px;background:transparent;border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:600;color:var(--text-main);cursor:pointer}.report-detail-view{padding:32px;display:flex;flex-direction:column;gap:32px}.report-detail-header{display:flex;align-items:center;gap:20px}.report-icon-box.large{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center}.report-detail-header h1{font-size:28px;font-weight:700;color:var(--text-main)}.report-detail-grid{display:grid;grid-template-columns:1fr 340px;gap:24px}.report-chart-container{height:400px;display:flex;align-items:center;justify-content:center;background-color:var(--white);border-radius:12px;padding:24px}.strategies-panel{padding:24px}.strategies-container{display:flex;font-size:11px;color:#1e293b;border:1px solid #e2e8f0;border-radius:4px;overflow:hidden}.strategy-labels-column{flex:0 0 280px;background-color:#f8fafc;border-right:1px solid #e2e8f0}.strategy-column-header{height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;text-align:center;border-bottom:2px solid #e2e8f0;background-color:#fff;font-weight:700}.strategy-column-header.spacer{background-color:#f8fafc;border-bottom:none}.strategy-labels-body,.strategy-column-body{display:flex;flex-direction:column}.strategy-label-cell{height:40px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #f1f5f9;font-weight:500;line-height:1.2}.strategy-cell{height:40px;display:flex;align-items:center;padding:0 8px;border-bottom:1px solid #f1f5f9}.strategy-label-cell.dashed-top,.strategy-cell.dashed-top{border-top:1px dashed #94a3b8}.strategy-data-columns{flex:1;display:flex}.strategy-column{flex:1;min-width:100px;display:flex;flex-direction:column}.vertical-divider{width:1px;background-color:#e2e8f0}.strategy-bar-container{width:100%;height:20px;position:relative;display:flex;align-items:center;gap:8px}.strategy-bar{height:100%;border-radius:0 2px 2px 0;transition:width .3s ease}.strategy-data{display:flex;align-items:center;gap:4px;white-space:nowrap}.strategy-val{font-weight:700}.strategy-prev{color:#ef4444;font-size:10px}.trend-up-icon{color:#10b981}.trend-down-icon{color:#ef4444}.strategies-footer{margin-top:16px;display:flex;justify-content:space-between;align-items:flex-end;font-size:10px;color:#64748b;line-height:1.5}.footer-center{text-align:center}.trend-up-inline{color:#10b981;display:inline;vertical-align:middle}.trend-down-inline{color:#ef4444;display:inline;vertical-align:middle}.footer-right{font-weight:700;font-size:12px}.report-findings-content{display:flex;flex-direction:column;height:100%}.findings-meta{margin-top:auto;padding:20px 0;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px}.meta-item{display:flex;justify-content:space-between;font-size:13px}.meta-item span{color:var(--text-muted)}.findings-actions-vertical{display:flex;flex-direction:column;gap:12px;margin-top:12px}.full-width{width:100%}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#94a3b8;padding:100px 0}.specialized-report-view{padding:32px;display:flex;flex-direction:column;gap:24px}.report-description-box{background-color:var(--white);padding:24px;border-radius:12px;border-left:4px solid var(--primary-blue);box-shadow:0 2px 4px #00000005}.report-description-box p{line-height:1.6;color:var(--text-main);font-size:15px}.incidence-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:16px}.incidence-chart-item{display:flex;flex-direction:column;align-items:center;background-color:#f8fafc;padding:16px;border-radius:12px}.incidence-chart-wrapper{position:relative;width:100%}.incidence-percentage-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.ipc-value{font-size:18px;font-weight:700}.ipc-prev{font-size:11px;color:var(--text-muted)}.incidence-chart-label{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.incidence-title{font-size:13px;font-weight:700;text-align:center;color:var(--text-main)}.incidence-n{font-size:11px;color:var(--text-muted)}.activities-comparison-container{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:8px;margin-top:16px;overflow-x:auto;padding-bottom:16px}.activity-segment-chart{min-width:140px}.segment-header{padding:8px;border-bottom:3px solid;margin-bottom:12px;display:flex;flex-direction:column}.segment-title{font-size:12px;font-weight:700;color:var(--text-main)}.segment-n{font-size:10px;color:var(--text-muted)}.chart-footer-note{font-size:11px;color:var(--text-muted);margin-top:16px;font-style:italic}.nature-report-container{display:flex;gap:0;min-width:1000px}.nature-labels-col{flex:0 0 260px;background-color:var(--white);border-right:1px solid var(--border-color)}.nature-segment-col{flex:1;border-right:1px solid var(--border-color);min-width:180px}.nature-segment-col:last-child{border-right:none}.nature-segment-header{padding:16px;background-color:#f8fafc;border-bottom:2px solid var(--border-color);display:flex;flex-direction:column;gap:4px;height:90px}.nature-segment-header.invisible{visibility:hidden}.ns-title{font-size:14px;font-weight:700;color:var(--text-main);text-align:center}.ns-n{font-size:12px;color:var(--text-muted);text-align:center}.ns-year{font-size:11px;font-weight:600;color:#94a3b8;align-self:flex-end;margin-top:auto}.nature-rows-container{display:flex;flex-direction:column}.nature-label-row{height:48px;padding:0 16px;display:flex;align-items:center;font-size:13px;color:var(--text-muted);border-bottom:1px solid #F1F5F9}.nature-label-row.header-row{font-weight:700;color:var(--text-main);background-color:#f1f5f9;font-size:14px}.nature-row{height:48px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #F1F5F9}.nature-row.header-row{background-color:#f1f5f980}.nature-bar-cell{flex:1;padding-right:8px}.nature-prev-cell{flex:0 0 45px;display:flex;justify-content:flex-end}.nature-bar-bg{height:20px;background-color:#e2e8f0;border-radius:4px;position:relative;overflow:hidden}.nature-bar-fill{height:100%;transition:width .3s ease}.nature-bar-val{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;color:var(--text-main)}.nature-mini-bar-bg{height:14px;background-color:transparent;position:relative;width:100%}.nature-mini-bar-fill{height:100%;border-radius:2px}.nature-mini-bar-val{position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);font-size:10px;font-weight:600;color:var(--text-muted)}.nature-prev-val{font-size:11px;color:#94a3b8;font-style:italic}.overflow-x-auto{overflow-x:auto}.segment-prev-values{display:flex;flex-direction:column;gap:0;padding-top:5px}.prev-val-item{height:32px;display:flex;align-items:center;justify-content:flex-end;font-size:11px;color:#953734;font-weight:500;padding-right:35px}.mt-16{margin-top:16px}.session-report-layout{display:flex;flex-direction:column;gap:12px;min-width:900px}.session-grid-header{display:grid;grid-template-columns:180px 1fr 1fr 100px;gap:24px;align-items:flex-end;margin-bottom:24px}.session-data-row{display:grid;grid-template-columns:180px 1fr 1fr 100px;gap:24px;align-items:center}.session-col-attendance{display:flex;align-items:center;font-size:13px;font-weight:700;color:#1e293b}.att-bar-container{display:flex;align-items:center;gap:12px;flex:1}.att-bar-fill{height:24px;background-color:#002060;border-radius:2px}.att-val{min-width:40px}.session-col-info{text-align:right;font-size:14px;font-weight:700;color:#334155;padding-right:12px}.session-n{color:#64748b;font-weight:400}.session-col-satisfaction{position:relative}.stacked-bar-wrapper{position:relative;height:32px;display:flex;align-items:center}.stacked-bar{display:flex;width:100%;height:100%;border-radius:4px;overflow:hidden;border-left:2px solid #cbd5e1}.bar-segment{display:flex;align-items:center;justify-content:center;color:#333;font-size:10px;font-weight:700;height:100%}.center-axis{position:absolute;left:0;top:-4px;bottom:-4px;width:2px;background-color:#94a3b8}.session-col-top3{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;color:#1e293b}.top3-header{font-size:12px;text-decoration:underline}.top3-year{color:#3b82f6;font-size:14px}.top3-score-val{font-size:16px}.satisfaction-legend-top{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:flex-start;font-size:11px}.legend-item{display:flex;align-items:center;gap:6px}.legend-item .dot{width:12px;height:12px;border-radius:2px}.analytics-view{background-color:#f8fafc;min-height:100vh}.analytics-view .grid{display:grid}.analytics-view .gap-24{gap:24px}.analytics-view .mb-24{margin-bottom:24px}.analytics-view .p-24{padding:24px}.analytics-view .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.analytics-view .md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.analytics-view .lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-view .lg-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.kpi-card{background:#fff;border-radius:16px;padding:24px;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#3b82f633}.kpi-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.kpi-value{font-size:32px;font-weight:800;color:#0f172a;letter-spacing:-.025em;margin-bottom:4px}.kpi-label{font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.kpi-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:9999px;align-self:flex-start;margin-top:auto;margin-bottom:12px}.kpi-trend.up{background:#dcfce7;color:#166534}.kpi-trend.down{background:#fee2e2;color:#991b1b}.kpi-trend.neutral{background:#f1f5f9;color:#475569}.analytics-section-card{background:#fff;border-radius:20px;padding:28px;border:1px solid #E2E8F0;box-shadow:0 1px 3px #0000000d}.analytics-header{margin-bottom:32px}.analytics-header h1{font-size:28px;font-weight:800;color:#0f172a;margin-bottom:8px}.discovery-item{background:#f8fafc;padding:20px;border-radius:12px;border-left:4px solid #3B82F6;margin-bottom:16px}.challenge-box-premium{background:#fff;padding:20px;border-radius:12px;border:1px solid #E2E8F0;transition:all .2s}.challenge-box-premium:hover{border-color:#3b82f6;background:#f0f7ff}.premium-btn{display:flex;align-items:center;gap:8px;background:#002060;color:#fff;padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.premium-btn:hover{background:#003080;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0003}.awareness-panel{padding:24px}.sub-panel-title{font-size:16px;font-weight:800;color:#002060;margin-bottom:20px;border-left:4px solid #002060;padding-left:12px}.awareness-metrics-row{display:flex;align-items:center;gap:32px;background-color:#fff;padding:24px;border-radius:8px;border:1px solid #e2e8f0}.total-metric-container{display:flex;align-items:center;gap:24px}.circular-indicator-item{display:flex;flex-direction:column;align-items:center}.indicator-header{text-align:center;margin-bottom:8px;height:40px;display:flex;flex-direction:column;justify-content:center}.indicator-name{font-size:12px;font-weight:700;color:#1e293b}.indicator-n{font-size:11px;color:#64748b}.indicator-svg-container{position:relative;width:120px;height:120px}.indicator-text{dominant-baseline:middle}.prev-badge{position:absolute;top:10px;right:-10px;background:#f1f5f9;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:600;color:#64748b;border:1px solid #e2e8f0}.awareness-callout{background-color:#f8fafc;padding:12px;border-radius:6px;border:1px solid #e2e8f0;min-width:180px;position:relative}.awareness-callout:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #e2e8f0}.callout-years{display:grid;grid-template-columns:1.5fr 1fr 1fr;font-weight:700;font-size:11px;margin-bottom:6px;text-align:right}.callout-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;font-size:11px;margin-bottom:4px;text-align:right}.callout-row span:first-child{text-align:left;font-weight:600}.segment-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;flex:1}.consideration-section{display:flex;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.labels-column{flex:0 0 240px;background-color:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column}.labels-column .spacer{height:80px;padding:12px;font-size:10px;color:#64748b;font-style:italic;display:flex;align-items:flex-end}.row-label{height:80px;display:flex;align-items:center;padding:0 16px;font-size:13px;font-weight:700;color:#1e293b;border-top:1px solid #e2e8f0}.consideration-grid{display:flex;flex:1}.consideration-column{flex:1;display:flex;flex-direction:column;border-right:1px solid #f1f5f9}.consideration-column:last-child{border-right:none}.consideration-column .column-header{height:80px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px}.n-label{font-size:11px;color:#64748b}.column-body{flex:1}.bars-container{display:flex;flex-direction:column}.bar-row{height:80px;display:flex;align-items:center;padding:0 12px;border-top:1px solid #f1f5f9}.bar-wrapper{width:100%;display:flex;flex-direction:column;gap:8px}.bar-fill{height:16px;border-radius:0 4px 4px 0}.bar-labels{display:flex;align-items:center;gap:4px}.bar-labels .val{font-size:13px;font-weight:700}.bar-labels .prev{font-size:10px;color:#ef4444}.na-box{height:160px;background-color:#f1f5f9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.na-text{font-size:18px;font-weight:800;color:#94a3b8}.na-prev{font-size:12px;color:#cbd5e1}.triggers-barriers-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:24px}.reasons-column h4.column-title{font-size:15px;font-weight:800;margin-bottom:12px;color:#1e293b}.column-title.underline{text-decoration:underline;text-underline-offset:4px}.column-subtitle{font-size:10px;color:#64748b;margin-bottom:24px;font-style:italic}.reason-item{margin-bottom:16px}.reason-label{font-size:12px;font-weight:500;color:#475569;margin-bottom:6px;line-height:1.4}.reason-bar-container{display:flex;align-items:center;gap:12px;height:20px}.reason-bar{height:100%;border-radius:0 2px 2px 0}.reason-data{display:flex;align-items:center;gap:4px}.reason-data .val{font-size:12px;font-weight:700}.reason-data .prev{font-size:10px;color:#ef4444}.mean-contacts-section{display:flex;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background-color:#fff}.mean-contacts-grid{display:flex;width:100%}.mean-contact-column{flex:1;display:flex;flex-direction:column;height:100px;border-right:1px solid rgba(226,232,240,.5)}.mean-contact-column:last-child{border-right:none}.mean-contact-column .column-header{height:40px;display:flex;align-items:center;justify-content:center}.column-value-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.current-val{font-size:24px;font-weight:800;color:#1e293b;display:flex;align-items:center;gap:4px}.prev-val{font-size:14px;font-weight:600;color:#ef4444}.mb-12{margin-bottom:12px}.report-base-text{font-size:12px;color:#64748b;font-style:italic;padding:0 4px}.report-footer{display:flex;justify-content:space-between;align-items:flex-start;font-size:11px;color:#64748b;font-style:italic;line-height:1.5;border-top:1px solid #f1f5f9;padding-top:16px;margin-top:24px}.footer-left{flex:1}.footer-center{flex:2;text-align:center}.footer-right{flex:1;text-align:right;font-weight:700;font-style:normal}.trend-up-inline{color:#059669;vertical-align:middle}.trend-down-inline{color:#ef4444;vertical-align:middle}.summary-text-list{margin:0;padding-left:20px}.summary-text-list li{margin-bottom:12px;color:var(--text-main);font-size:14px;line-height:1.6;position:relative;list-style-type:none}.summary-text-list li:before{content:"▶";position:absolute;left:-20px;color:#3b82f6;font-size:10px;top:4px}.report-section-title{font-size:18px;font-weight:700;margin-bottom:24px;text-decoration:underline}.segment-dashboard-grid{display:flex;gap:0;border-bottom:1px solid #cbd5e1;margin-bottom:40px}.data-labels-column{width:180px;flex-shrink:0;padding-top:80px}.label-cell{height:40px;display:flex;align-items:center;font-size:13px;font-weight:600;color:#475569}.rating-label-cell{height:36px;display:flex;align-items:center;font-size:13px;color:#1e293b}.segment-column{flex:1;min-width:140px;border-left:1px solid #e2e8f0;display:flex;flex-direction:column}.segment-column:first-child{border-left:none}.column-header{height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 10px;border-bottom:1px solid #e2e8f0}.segment-name{font-weight:700;font-size:14px;color:#0f172a}.segment-n{font-size:12px;color:#64748b;margin-top:4px}.metrics-summary-bg{background-color:#f8fafc;padding:8px 0}.metric-cell{height:40px;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:700;font-size:14px}.ratings-group{padding-top:12px}.rating-data-cell{height:36px;display:flex;align-items:center;gap:8px;padding:0 12px}.mini-bar-container{flex:1;height:24px;background-color:#f1f5f9;position:relative;display:flex;align-items:center}.mini-bar-fill{height:100%;transition:width .3s ease}.cell-value-text{font-size:12px;font-weight:700;min-width:32px}.comparison-val{color:#ef4444;font-size:11px;font-style:italic;font-weight:500}.sig-arrow{margin-left:2px}.sig-arrow.up{color:#059669}.sig-arrow.down{color:#ef4444}.intent-dashboard-section{margin-top:48px}.intent-circles-row{display:flex;justify-content:space-between;gap:16px;padding:20px 0}.intent-circle-card{flex:1;display:flex;flex-direction:column;align-items:center}.circle-container{width:100px;height:100px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.circle-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.intent-pie-with-label{display:flex;align-items:center;gap:12px;width:100%;justify-content:center}.circle-val{font-size:18px;font-weight:800}.circle-prev{font-size:12px;font-weight:500;opacity:.9}.overall-rating-footer{margin-top:40px;padding-top:16px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;font-size:11px;color:#64748b}.footer-notes{flex:1}.footer-legend{text-align:right}.sig-legend{margin-top:4px}.likert-legend-container{display:flex;justify-content:flex-end;margin-bottom:24px}.likert-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px;font-size:13px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:12px;height:12px;flex-shrink:0}.likert-chart-header{display:flex;margin-bottom:12px;align-items:flex-end}.likert-header-spacer{flex:1}.comparison-header-group{width:200px;text-align:center;border-bottom:2px solid #94a3b8;padding-bottom:4px;margin-left:24px}.comparison-title{color:#1e40af;font-weight:700;font-size:13px;margin-bottom:4px}.comparison-years{display:flex;justify-content:space-around;color:#2563eb;font-size:13px;font-weight:600;text-decoration:underline}.likert-row{display:flex;align-items:center;margin-bottom:20px;min-height:48px}.likert-question-label{flex:1;text-align:right;padding-right:32px;font-weight:700;font-size:14px;line-height:1.3;color:#1e293b}.likert-bar-container{width:35%;height:40px;border:1px solid #e2e8f0;display:flex;overflow:hidden}.likert-segment{height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#334155;transition:width .3s ease}.likert-comparison-values{width:200px;display:flex;justify-content:space-around;align-items:center;margin-left:24px}.val-2023{color:#2563eb;font-size:18px;font-weight:800;display:flex;align-items:center}.val-2022{color:#ef4444;font-size:16px;font-weight:700;font-style:italic}.specific-performance-footer{margin-top:60px;padding-top:20px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;font-size:11px;color:#64748b}.page-number{font-weight:700;color:#1e293b}.performance-cont-section-title{font-size:18px;font-weight:700;margin-bottom:24px;text-decoration:underline;color:#1e293b}.performance-cont-grid{display:flex;margin-bottom:40px}.performance-cont-labels-column{width:220px;flex-shrink:0;padding-top:80px}.performance-cont-label-cell{height:60px;display:flex;align-items:center;justify-content:flex-end;text-align:right;padding-right:24px;font-size:13px;font-weight:700;color:#334155;line-height:1.3}.performance-cont-data-columns{flex:1;display:flex;border:1px solid #e2e8f0;border-radius:4px;overflow:hidden}.performance-cont-segment-column{flex:1;display:flex;flex-direction:column;border-right:1px solid #e2e8f0;min-width:120px}.performance-cont-segment-column:last-child{border-right:none}.performance-cont-segment-header{height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 10px;border-bottom:2px solid #94a3b8;background-color:#f8fafc}.performance-cont-segment-name{font-weight:800;font-size:13px;color:#1e293b;line-height:1.2}.performance-cont-segment-n{font-size:11px;color:#64748b;margin-top:4px}.performance-cont-rows{flex:1}.performance-cont-data-row{height:60px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #f1f5f9}.performance-cont-data-row:last-child{border-bottom:none}.performance-cont-bar-box{width:32px;height:24px;background-color:#f1f5f9;flex-shrink:0;margin-right:12px}.performance-cont-bar{width:100%;height:100%}.performance-cont-values{display:flex;flex-direction:column;align-items:flex-start;flex:1}.performance-cont-val{font-size:14px;font-weight:700;color:#1e293b;display:flex;align-items:center}.performance-cont-prev{font-size:11px;color:#ef4444;font-weight:600;font-style:italic}.performance-cont-footer{margin-top:60px;padding-top:20px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-end;font-size:11px;color:#64748b}.performance-cont-footer .footer-left p{margin-bottom:4px}.individual-session-report .session-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.session-card{border:1px solid #e2e8f0;border-radius:8px;padding:16px;background-color:#fcfcfc}.session-card-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px;border-bottom:2px solid #94a3b8;padding-bottom:8px}.session-name{font-weight:800;font-size:16px;color:#1e293b}.session-n{font-size:14px;color:#64748b;margin-left:8px}.session-top3-label{font-size:12px;font-weight:700;color:#1e293b;text-decoration:underline}.session-year-header{text-align:right;font-size:14px;font-weight:700;color:#3b82f6;margin-bottom:4px;padding-right:4px}.session-row{margin-bottom:12px}.session-row-label{font-size:13px;font-weight:700;color:#334155;margin-bottom:4px;line-height:1.2}.session-row-chart-area{display:flex;align-items:center;gap:12px}.likert-bar-mini{flex:1;height:32px;border:1px solid #e2e8f0;display:flex;overflow:hidden}.likert-segment-mini{height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#1e293b}.session-row-top3{width:45px;text-align:right;font-size:16px;font-weight:800;color:#3b82f6}.mt-24{margin-top:24px}.mt-32{margin-top:32px}@media(max-width:1200px){.individual-session-report .session-grid-2x2{grid-template-columns:1fr}}.leading-events-container{display:flex;margin-bottom:24px;overflow:hidden}.leading-events-labels-column{width:250px;flex-shrink:0;display:flex;flex-direction:column}.labels-spacer{height:90px;border-bottom:2px solid transparent}.leading-event-label-cell{height:50px;display:flex;align-items:center;justify-content:flex-end;text-align:right;padding-right:24px;font-size:13px;font-weight:700;color:#334155;line-height:1.2}.leading-events-data-scroll{flex:1;overflow-x:auto;border:1px solid #e2e8f0;border-radius:4px}.leading-events-grid{display:flex;width:100%}.leading-events-segment{flex:1;min-width:160px;border-right:1px solid #e2e8f0;display:flex;flex-direction:column}.leading-events-segment:last-child{border-right:none}.leading-events-segment-header{height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 12px;border-bottom:2px solid #94a3b8;background-color:#f8fafc}.segment-name{font-weight:800;font-size:13px;color:#1e293b;line-height:1.2}.segment-n{font-size:11px;color:#64748b;margin-top:4px}.leading-event-data-row{height:50px;display:flex;flex-direction:column;justify-content:center;padding:0 12px;border-bottom:1px solid #f1f5f9}.leading-event-bar-container{height:16px;background-color:#f1f5f9;width:100%;margin-bottom:4px;position:relative}.leading-event-bar{height:100%}.leading-event-values{display:flex;justify-content:space-between;align-items:center;font-size:10px}.current-val{font-weight:700;font-size:11px;color:#1e293b;display:flex;align-items:center;gap:2px}.prev-val{color:#ef4444;font-weight:600;font-size:10px;font-style:italic}.leading-events-footer{margin-top:40px;padding-top:20px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;font-size:11px;color:#64748b}.footer-right{text-align:right}.up-indicator{color:#2563eb;font-weight:800}.down-indicator{color:#ef4444;font-weight:800}.sig-blue-arrow{color:#2563eb}.sig-red-arrow{color:#ef4444}.topic-category-header{background-color:#f1f5f9;border-bottom:2px solid #cbd5e1!important;font-weight:800}.topic-label-header{font-weight:900;text-transform:uppercase;color:#1e293b;border-bottom:2px solid #cbd5e1;height:50px}.topic-header-values{display:flex;justify-content:space-between;width:100%;font-size:13px;font-weight:800}.improvement-report-grid{display:grid;grid-template-columns:minmax(280px,360px) 72px minmax(420px,1fr);gap:12px;align-items:start}.improvement-left-panel,.improvement-right-panel{min-width:0}.improvement-pie-card{display:flex;flex-direction:column;align-items:center;padding-top:18px}.improvement-pie-title{font-size:28px;font-weight:800;color:#0f172a}.improvement-pie-n{font-size:13px;color:#475569;margin-top:4px;margin-bottom:14px}.improvement-pie-wrapper{width:240px;height:240px;position:relative}.improvement-pie-overlay{position:absolute;pointer-events:none;color:#1e293b}.improvement-pie-yes{right:42px;top:93px;color:#fff;font-weight:800;font-size:28px}.improvement-pie-val{font-size:28px;line-height:1}.improvement-pie-no{left:58px;top:74px;text-align:center;font-size:15px;line-height:1.25}.improvement-pie-no-val{margin-top:4px;font-size:18px;font-weight:700}.improvement-arrow{width:54px;height:28px;background:#163f7a;position:relative;align-self:center;margin-top:38px}.improvement-arrow:after{content:"";position:absolute;top:-14px;right:-26px;border-top:28px solid transparent;border-bottom:28px solid transparent;border-left:26px solid #163f7a}.improvement-bars{margin-top:10px}.improvement-bar-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(160px,260px) 42px;gap:12px;align-items:center;min-height:32px}.improvement-bar-label{font-size:13px;color:#3f3f46;font-weight:600;line-height:1.25}.improvement-bar-track{height:20px;background:#e5e7eb;position:relative}.improvement-bar-fill{height:100%;background:#0b3a82}.improvement-bar-value{font-size:13px;font-weight:700;color:#111827}@media(max-width:1100px){.improvement-report-grid{grid-template-columns:1fr}.improvement-arrow{display:none}}.my-surveys-view{padding:32px}.surveys-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}@media(max-width:768px){.my-surveys-view{padding:16px}.surveys-toolbar{flex-direction:column;align-items:stretch;gap:12px}.surveys-toolbar .search-container{max-width:none}.toolbar-actions{justify-content:space-between}.sort-select{flex:1}}.surveys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}@media(max-width:768px){.surveys-grid{grid-template-columns:1fr;gap:16px}}.survey-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:24px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.survey-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px #0047ab1a;border-color:#cbd5e1}.survey-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.survey-icon-box{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.status-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.completed{background-color:#dcfce7;color:var(--success-green)}.status-badge.active{background-color:#dbeafe;color:var(--primary-blue)}.status-badge.draft{background-color:#f1f5f9;color:var(--text-muted)}.survey-card-title{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:8px;line-height:1.4}.survey-card-meta{display:flex;gap:12px;margin-bottom:20px}.meta-item{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px}.survey-stats-row{display:flex;gap:24px;margin-bottom:20px}.survey-stats-row .stat-item{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.survey-stats-row .stat-content{display:flex;flex-direction:column}.survey-stats-row .stat-value{font-size:15px;font-weight:700;color:var(--text-main)}.survey-stats-row .stat-label{font-size:11px}.completion-bar-section{margin-top:auto}.completion-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:500}.progress-bar-mini{height:6px;background-color:#f1f5f9;border-radius:3px;overflow:hidden}.survey-card-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.view-link{background:none;border:none;color:var(--primary-blue);font-weight:600;font-size:14px;display:flex;align-items:center;gap:4px;cursor:pointer}.more-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px}.more-btn:hover{background-color:#f1f5f9}.survey-detail-view{padding:32px;max-width:1000px;margin:0 auto}.detail-header{margin-bottom:32px}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;margin-bottom:16px;padding:0}.back-btn:hover{color:var(--primary-blue)}.header-main{display:flex;justify-content:space-between;align-items:flex-end}.survey-title{font-size:28px;font-weight:800;margin-bottom:8px}.survey-meta{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:14px}.meta-dot{width:4px;height:4px;border-radius:50%;background-color:#cbd5e1}.stats-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}@media(max-width:1024px){.stats-summary-row{grid-template-columns:1fr;gap:16px}}.summary-stat-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.summary-stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.summary-stat-card .stat-info{display:flex;flex-direction:column}.summary-stat-card .stat-label{font-size:13px;color:var(--text-muted);margin-bottom:2px}.summary-stat-card .stat-value{font-size:20px;font-weight:700}.section-group{margin-bottom:48px}.section-title{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:700;margin-bottom:24px;display:flex;align-items:center;gap:12px}.section-title:after{content:"";height:1px;background-color:var(--border-color);flex:1}.question-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:16px;padding:32px;margin-bottom:24px}.question-header{display:flex;gap:20px;margin-bottom:32px}.question-number{width:40px;height:40px;background-color:var(--secondary-blue);color:var(--primary-blue);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex-shrink:0}.question-text-en{font-size:18px;font-weight:700;margin-bottom:4px}.question-text-cn{font-size:16px;color:#475569;font-weight:500}.question-subtext{margin-top:12px;padding:12px;background-color:#f8fafc;border-radius:8px;font-size:13px;color:var(--text-muted);line-height:1.5}.options-stats-container{display:flex;flex-direction:column;gap:20px}.option-stat-row{display:flex;flex-direction:column;gap:12px}.option-label-group{display:flex;align-items:center;gap:12px}.option-label-en{font-weight:600;font-size:14px}.option-label-cn{color:#64748b;font-size:14px}.option-visualization{display:flex;align-items:center;gap:20px}.progress-bar-full{flex:1;height:12px;background-color:#f1f5f9;border-radius:6px;overflow:hidden}.option-numbers{display:flex;align-items:center;gap:16px;width:120px;justify-content:flex-end}.option-count{font-size:13px;color:var(--text-muted)}.option-percentage{font-size:15px;font-weight:700;color:var(--text-main);width:45px;text-align:right}.open-ended-placeholder{padding:32px;border:2px dashed var(--border-color);border-radius:12px;text-align:center;color:var(--text-muted)}.summary-box{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:16px;display:flex;gap:24px;align-items:flex-start}.summary-stats{display:flex;gap:20px;align-items:center}.stat-item .stat-label{font-size:13px;color:var(--text-muted)}.stat-item .stat-value{font-size:22px;font-weight:800;color:var(--primary-blue)}.breakdown{display:flex;flex-direction:column;gap:8px}.breakdown-row{display:flex;justify-content:space-between;width:380px}.intent-pies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:8px}.intent-pie{display:flex;flex-direction:column;align-items:center;gap:6px}.intent-label{font-size:13px;color:var(--text-muted);text-align:center}.intent-value{font-weight:700;color:var(--text-main)}.login-page{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:#f8fafc;font-family:Inter,sans-serif}.login-background{position:absolute;inset:0;z-index:0}.blob{position:absolute;filter:blur(80px);opacity:.4;border-radius:50%;z-index:0}.blob-1{width:500px;height:500px;background:#0047ab;top:-100px;right:-100px;animation:blob-move 20s infinite alternate}.blob-2{width:400px;height:400px;background:#3b82f6;bottom:-50px;left:-50px;animation:blob-move 15s infinite alternate-reverse}.blob-3{width:300px;height:300px;background:#60a5fa;top:40%;left:10%;animation:blob-move 25s infinite alternate}@keyframes blob-move{0%{transform:translate(0) scale(1)}to{transform:translate(50px,50px) scale(1.1)}}.login-container{width:100%;max-width:440px;padding:20px;z-index:10}.login-card{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:24px;padding:40px;box-shadow:0 20px 40px #00000014,0 0 0 1px #ffffff80 inset;display:flex;flex-direction:column;gap:32px;animation:card-fade-in .6s ease-out}@keyframes card-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center}.login-logo{max-width:160px;height:auto;margin-bottom:24px}.login-header h1{font-size:26px;font-weight:700;color:#1e293b;margin-bottom:8px;letter-spacing:-.02em}.login-header p{font-size:15px;color:#64748b}.login-form{display:flex;flex-direction:column;gap:24px}.login-error{background-color:#fee2e2;border-left:4px solid #ef4444;padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:10px;color:#b91c1c;font-size:14px;font-weight:500;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:14px;font-weight:600;color:#475569;margin-left:4px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:#94a3b8;transition:color .2s}.input-wrapper input{width:100%;padding:14px 16px 14px 48px;border-radius:14px;border:1.5px solid #e2e8f0;background:#fffc;font-size:15px;color:#1e293b;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.input-wrapper input:focus{border-color:#0047ab;background:#fff;box-shadow:0 0 0 4px #0047ab1a}.input-wrapper input:focus+.input-icon{color:#0047ab}.login-button{background:linear-gradient(135deg,#0047ab,#003785);color:#fff;border:none;padding:16px;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:8px;box-shadow:0 8px 16px #0047ab33}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 20px #0047ab40;filter:brightness(1.1)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.5)}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:8px}.login-footer p{font-size:13px;color:#94a3b8}@media(max-width:480px){.login-card{padding:32px 24px;border-radius:20px}.login-header h1{font-size:22px}}