@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 4% 2%,#fce7f3b8,#0000 28%),radial-gradient(circle at 94% 8%,#dbeafeb8,#0000 30%),linear-gradient(135deg,#fbfbff 0%,#f8f9fa 46%,#f7f3ff 100%);margin:0;font-family:Google Sans Text,Sarabun,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #0066cc59}.sow-app{background:linear-gradient(120deg,#ffffffbd,#f8fafcb3),radial-gradient(circle at 10% 0,#fb71851f,#0000 30%),radial-gradient(circle at 92% 5%,#7c3aed1f,#0000 28%);flex-direction:column;min-height:100dvh;display:flex}.sow-header{z-index:20;color:#002347;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #d9e2ecb8;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;width:min(1560px,100% - 28px);min-height:62px;margin:14px auto 0;padding:9px 14px;display:flex;position:sticky;top:0;box-shadow:0 18px 50px #381f671a}.sow-brand{flex-direction:column;gap:2px;min-width:0;display:flex}.sow-brand-app{color:#002347;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.sow-brand-app img{flex:none;width:34px;height:34px}.sow-brand-app span{flex-direction:column;min-width:0;display:flex}.sow-brand-app strong{font-size:1rem;line-height:1.15}.sow-brand-app small{color:#6b7280;overflow-wrap:anywhere;font-size:.78rem;line-height:1.25}.sow-brand-site{color:#06c;width:fit-content;margin-left:44px;font-size:.76rem;text-decoration:none}.sow-lang-btn{color:#036;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #d9e2ec;border-radius:999px;min-width:52px;min-height:40px;font-weight:700;box-shadow:0 10px 28px #0066cc1f}.sow-main{flex:1;width:min(1560px,100%);margin:0 auto;padding:18px}.sow-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:18px;display:grid}.sow-nav-rail{min-width:0;position:sticky;top:94px}.sow-nav-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #d9e2ecc7;border-radius:22px;min-height:calc(100dvh - 122px);padding:16px;box-shadow:0 20px 56px #381f671a}.sow-nav-brandmark{border-bottom:1px solid #edf2f7;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:14px;display:flex}.sow-nav-brandmark img{border-radius:12px;width:38px;height:38px;box-shadow:0 10px 24px #be185d29}.sow-nav-brandmark span{gap:2px;min-width:0;display:grid}.sow-nav-brandmark strong{color:#002347;font-size:.94rem}.sow-nav-brandmark small,.sow-nav-label{color:#64748b;font-size:.74rem;line-height:1.35}.sow-nav-label{text-transform:uppercase;margin-bottom:8px;font-weight:800;display:block}.sow-workspace{min-width:0}.sow-control-panel,.sow-panel,.sow-viz-card,.sow-metric,.sow-filter-panel{background:#ffffffeb;border:1px solid #d9e2ecd1;border-radius:18px;box-shadow:0 16px 42px #381f6714}.sow-control-panel{grid-template-columns:minmax(260px,1fr) minmax(260px,.44fr);align-items:center;gap:18px;margin-bottom:18px;padding:20px 22px;display:grid;position:relative;overflow:hidden}.sow-control-panel:before{content:"";background:linear-gradient(#f97316,#be185d,#7c3aed,#0f766e);width:5px;position:absolute;inset:0 auto 0 0}.sow-kicker{color:#06c;text-transform:uppercase;font-size:.78rem;font-weight:700;display:inline-block}.sow-control-panel h1,.sow-section-head h2,.sow-panel h2,.sow-viz-card h3{color:#002347;letter-spacing:0}.sow-control-panel h1,.sow-section-head h2{margin:4px 0 8px;font-size:clamp(1.28rem,1.7vw,1.7rem);line-height:1.2}.sow-control-panel p,.sow-panel p,.sow-status,.sow-status-card{color:#555;line-height:1.6}.sow-status-card{background:linear-gradient(135deg,#fff,#faf5ff);border:1px solid #e8def8;border-radius:16px;gap:6px;padding:14px;display:grid}.sow-status-card strong{color:#036;font-size:.9rem}.sow-status-card span{color:#0f766e;background:#ecfdf5;border-radius:999px;width:fit-content;padding:5px 10px;font-size:.78rem;font-weight:800}.sow-scenario-tabs{grid-template-columns:1fr;gap:10px;display:grid}.sow-scenario-tabs button,.sow-stage-stack button{color:#1a1a1a;background:0 0;border:1px solid #0000;border-radius:14px;min-height:44px;font-weight:700;line-height:1.25}.sow-scenario-tabs button{text-align:left;align-items:center;gap:10px;padding:10px;display:flex}.sow-scenario-icon{background:color-mix(in srgb, var(--scenario-color) 14%, #fff);width:34px;height:34px;color:var(--scenario-color);border-radius:12px;flex:0 0 34px;place-items:center;font-size:.76rem;font-weight:900;display:grid}.sow-scenario-tabs button.active{border-color:var(--scenario-color);background:linear-gradient(135deg, color-mix(in srgb, var(--scenario-color) 14%, #fff), #fff);color:#002347;box-shadow:0 12px 28px color-mix(in srgb, var(--scenario-color) 17%, transparent)}.sow-grid{grid-template-columns:270px minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.sow-side,.sow-worksheet{flex-direction:column;gap:14px;display:flex;position:sticky;top:94px}.sow-panel{padding:16px;position:relative;overflow:hidden}.sow-panel:before,.sow-viz-card:before,.sow-metric:before{content:"";background:linear-gradient(90deg,#f97316,#be185d,#7c3aed,#0f766e);width:100%;height:4px;position:absolute;inset:0 auto auto 0}.sow-panel h2{margin:0 0 12px;font-size:1rem}.sow-challenge{margin:0;font-weight:600}.sow-context-stack{gap:8px;display:grid}.sow-context-stack p{margin:0}.sow-context-stack strong{color:#002347;font-size:.82rem}.sow-source-list{color:#555;margin:0;padding-left:18px;line-height:1.65}.sow-stage-stack{gap:8px;display:grid}.sow-stage-stack button{text-align:left;background:#f8fafc;border-color:#e2e8f0;padding:0 12px}.sow-stage-stack button.active{color:#fff;background:linear-gradient(135deg,#036,#06c);border-color:#06c}.sow-stage-note{background:#eef6ff;border:1px solid #c7ddf5;border-radius:14px;margin-top:12px;padding:12px}.sow-stage-note span{color:#06c;font-size:.78rem;font-weight:800}.sow-stage-note p{margin:4px 0 0}.sow-dashboard{min-width:0}.sow-section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.sow-status{max-width:430px;font-size:.88rem}.sow-filter-panel{margin-bottom:12px;padding:16px}.sow-filter-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sow-filter-head strong{color:#002347;margin-top:2px;display:block}.sow-filter-head button{color:#036;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #d9e2ec;border-radius:999px;min-height:38px;padding:0 14px;font-weight:800;box-shadow:0 8px 18px #0023470f}.sow-filter-grid{grid-template-columns:repeat(auto-fit,minmax(152px,1fr));gap:12px;display:grid}.sow-filter-grid label,.sow-field{gap:7px;display:grid}.sow-filter-grid span,.sow-field span,.sow-member span{color:#002347;overflow-wrap:anywhere;font-size:.78rem;font-weight:800;line-height:1.25}.sow-filter-grid input,.sow-filter-grid select,.sow-field input,.sow-member input,.sow-field textarea{color:#1a1a1a;background:#fbfdff;border:1px solid #d9e2ec;border-radius:12px;width:100%;min-width:0;max-width:100%;padding:11px 12px}.sow-filter-chips{color:#555;flex-wrap:wrap;align-items:center;gap:7px;min-width:0;margin-top:12px;font-size:.82rem;display:flex}.sow-filter-chips span{color:#002347;font-weight:800}.sow-filter-chips i{color:#036;overflow-wrap:anywhere;background:#fff7ed;border:1px solid #d9e2ec;border-radius:999px;max-width:100%;padding:4px 9px;font-style:normal;font-weight:700}.sow-metrics{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;margin-bottom:12px;display:grid}.sow-metric{flex-direction:column;justify-content:space-between;min-height:120px;padding:14px 56px 14px 14px;display:flex;position:relative;overflow:hidden}.sow-metric:before{background:var(--metric-color,#06c)}.sow-metric:after{content:"";background:color-mix(in srgb, var(--metric-color,#06c) 14%, #fff);width:32px;height:32px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--metric-color,#06c) 18%, transparent);border-radius:12px;position:absolute;top:14px;right:14px}.sow-metric span{color:#555;overflow-wrap:anywhere;font-size:.78rem;line-height:1.25}.sow-metric strong{color:#002347;overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-size:clamp(1.25rem,1.9vw,1.55rem);line-height:1.15}.sow-metric small{background:color-mix(in srgb, var(--metric-color,#0f766e) 11%, #fff);width:100%;max-width:100%;color:color-mix(in srgb, var(--metric-color,#0f766e) 72%, #002347);overflow-wrap:anywhere;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:700;line-height:1.25}.sow-viz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sow-viz-card{contain:layout paint;min-width:0;padding:16px;position:relative;overflow:hidden}.sow-viz-card:before{background:linear-gradient(90deg,#be185d,#f97316)}.sow-viz-card h3{overflow-wrap:anywhere;margin:0 0 10px;padding-left:2px;font-size:.95rem;line-height:1.3}.sow-echart{width:100%;min-width:0;height:clamp(300px,28vw,360px)}.sow-inspector{margin-top:12px}.sow-point-detail{gap:8px;display:grid}.sow-point-chip{color:#fff;border-radius:999px;width:fit-content;max-width:100%;padding:5px 10px;font-size:.78rem;font-weight:800}.sow-point-detail strong{color:#002347;font-size:1.1rem}.sow-point-detail p{color:#06c;margin:0;font-weight:800}.sow-point-detail small{color:#555;line-height:1.5}.sow-sample-table{border:1px solid #d9e2ec;border-radius:14px;overflow-x:auto}.sow-table-title{color:#002347;background:#f8f9fa;border-bottom:1px solid #d9e2ec;padding:9px 10px;font-weight:800}.sow-sample-table table{border-collapse:collapse;width:100%;min-width:520px}.sow-sample-table th,.sow-sample-table td{text-align:left;vertical-align:top;border-bottom:1px solid #d9e2ec;padding:9px 10px;font-size:.84rem}.sow-sample-table th{color:#002347}.sow-field em{color:#be185d;margin-left:4px;font-size:.72rem;font-style:normal}.sow-question-guide{color:#555;background:#f8f9fa;border:1px solid #d9e2ec;border-radius:12px;padding:9px 10px;font-size:.82rem;font-weight:500;line-height:1.55;display:block}.sow-field textarea{resize:vertical;min-height:94px;line-height:1.55}.sow-members,.sow-questions{gap:10px;margin-top:12px;display:grid}.sow-member{background:#f8fbff;border:1px solid #d9e2ec;border-radius:14px;grid-template-columns:1fr;gap:8px;padding:10px;display:grid}.sow-member button,.sow-secondary-btn{color:#036;background:#fff;border:1px solid #d9e2ec;border-radius:999px;min-height:38px;font-weight:800}.sow-secondary-btn{width:100%;margin-top:12px}.sow-primary-btn{color:#fff;background:#06c;border:0;border-radius:999px;width:100%;min-height:46px;margin-top:10px;font-weight:800}.sow-primary-btn:disabled{cursor:not-allowed;background:#9fb7d0}.sow-export-state{color:#be185d;background:#fce7f3;border:1px solid #f9c6d8;border-radius:14px;margin-top:14px;padding:10px;font-size:.86rem;font-weight:700}.sow-export-state.ready{color:#0f766e;background:#dff4ef;border-color:#b7e5da}.sow-footer{text-align:center;color:#555;background:#ffffffd1;border-top:1px solid #d9e2ecb8;justify-items:center;gap:4px;padding:14px 18px;font-size:.82rem;display:grid}.sow-footer strong{color:#002347}.sow-footer span{color:#555;font-size:.75rem}.sow-footer p{margin:0}.sow-footer a{color:#06c}@media (width<=1400px){.sow-grid{grid-template-columns:250px minmax(0,1fr)}.sow-worksheet{grid-column:1/-1;position:static}.sow-filter-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media (width<=1100px){.sow-layout{grid-template-columns:1fr}.sow-nav-rail{position:static}.sow-nav-card{min-height:0}.sow-scenario-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=980px){.sow-control-panel,.sow-grid{grid-template-columns:1fr}.sow-side{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}.sow-section-head{flex-direction:column;align-items:start}.sow-metrics,.sow-viz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.sow-header{border-radius:16px;align-items:flex-start;width:calc(100% - 20px);margin-top:10px;padding:10px 12px}.sow-brand-app small{font-size:.72rem}.sow-brand-site{margin-left:44px}.sow-main{padding:12px 10px}.sow-control-panel{grid-template-columns:1fr;padding:14px}.sow-scenario-tabs{padding-bottom:4px;display:flex;overflow-x:auto}.sow-scenario-tabs button{flex:0 0 210px}.sow-side,.sow-metrics,.sow-viz-grid,.sow-filter-grid{grid-template-columns:1fr}.sow-filter-head{flex-direction:column;align-items:flex-start}.sow-status{max-width:none}.sow-echart{height:280px}.sow-viz-card{overflow-x:auto}.sow-nav-card{border-radius:18px;padding:12px}}