@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Sarabun:wght@300;400;500;600;700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--primary-red:#e11d48;--primary-red-hover:#be123c;--primary-yellow:#eab308;--primary-yellow-hover:#ca8a04;--bg-color:#f8fafc;--card-bg:#fff;--text-primary:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--red-tint:#fff1f2;--yellow-tint:#fef9c3;--green-tint:#dcfce7;--primary-green:#16a34a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Sarabun,Inter,-apple-system,sans-serif;line-height:1.6;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}.app-container{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:900px;margin:0 auto;padding:24px 16px;display:flex}.theme-header-bar{background:linear-gradient(to right, var(--primary-red) 50%, var(--primary-yellow) 50%);z-index:100;height:6px;position:fixed;top:0;left:0;right:0}.survey-card{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);margin-top:20px;overflow:visible}.survey-header{background:linear-gradient(135deg, var(--red-tint) 0%, var(--yellow-tint) 100%);border-bottom:1px solid var(--border-color);text-align:center;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);padding:32px}.survey-title{color:#991b1b;margin-bottom:8px;font-size:22px}.survey-subtitle{color:#78350f;font-size:15px}.survey-instructions{background-color:var(--card-bg);border:1px solid var(--border-color);border-left:4px solid var(--primary-red);color:var(--text-muted);border-radius:4px;margin:24px 32px 0;padding:16px;font-size:14px}.survey-body{padding:32px}.steps-indicator{justify-content:space-between;max-width:600px;margin:20px auto 40px;padding:0 10px;display:flex;position:relative}.steps-indicator:before{content:"";background-color:var(--border-color);z-index:1;height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.step-item{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.step-bubble{border-radius:var(--radius-full);background-color:var(--card-bg);border:2px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);transition:var(--transition);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.step-label{color:var(--text-muted);transition:var(--transition);text-align:center;margin-top:6px;font-size:12px;font-weight:500}.step-item.active .step-bubble{border-color:var(--primary-red);background-color:var(--primary-red);color:#fff;box-shadow:0 0 0 4px var(--red-tint)}.step-item.active .step-label{color:var(--primary-red);font-weight:600}.step-item.completed .step-bubble{border-color:var(--primary-yellow);background-color:var(--primary-yellow);color:#fff}.step-item.completed .step-label{color:var(--primary-yellow-hover)}.form-group{margin-bottom:24px}.form-label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-label span{color:var(--primary-red)}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--card-bg);width:100%;color:var(--text-primary);transition:var(--transition);box-sizing:border-box;outline:none;min-height:46px;padding:12px 16px;font-family:inherit;font-size:14px}.form-input:focus{border-color:var(--primary-red);box-shadow:0 0 0 3px var(--red-tint)}input[type=date].form-input{color:var(--text-primary);background-color:#fff;position:relative}.date-picker-group{align-items:center;gap:8px;width:100%;display:flex}@media (max-width:640px){.date-picker-group{flex-direction:column;align-items:stretch;gap:6px}.date-picker-group span{text-align:center;color:var(--text-muted);padding:2px 0;font-size:12px}}.form-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}@media (max-width:640px){.form-grid{grid-template-columns:1fr;gap:12px}}.branch-select-container{width:100%;position:relative}.combobox-wrapper{position:relative}.input-with-icon{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.combobox-input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;transition:var(--transition);outline:none;padding:12px 40px 12px 42px;font-family:inherit;font-size:14px}.combobox-input:focus{border-color:var(--primary-red);box-shadow:0 0 0 3px var(--red-tint)}.dropdown-trigger-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.dropdown-trigger-btn:hover{color:var(--text-primary)}.options-list{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:50;max-height:250px;box-shadow:var(--shadow-xl);margin-top:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.option-item{cursor:pointer;transition:var(--transition);justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;display:flex}.option-item:hover{background-color:var(--bg-color);color:var(--primary-red)}.option-item.selected{background-color:var(--red-tint);color:var(--primary-red);font-weight:500}.check-icon{color:var(--primary-red)}.no-options-item{color:var(--text-muted);text-align:center;padding:12px 16px;font-size:13px}.has-error .combobox-input,.has-error .form-input{border-color:var(--primary-red)}.error-text{color:var(--primary-red);margin-top:4px;font-size:12px;display:block}.section-header{border-bottom:2px solid var(--border-color);margin-bottom:20px;padding-bottom:8px}.section-title{color:var(--primary-red);font-size:16px;font-weight:600}.section-desc{color:var(--text-muted);margin-top:2px;font-size:13px}.question-row{border-radius:var(--radius-md);background-color:var(--bg-color);transition:var(--transition);margin-bottom:24px;padding:16px}.question-row:hover{background-color:#f1f5f9}.question-text{margin-bottom:12px;font-size:14px;font-weight:500}.rating-group{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.rating-box{border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;min-height:48px;padding:12px 8px;display:flex;position:relative}.rating-box input{opacity:0;cursor:pointer;position:absolute}.rating-number{color:var(--text-muted);transition:var(--transition);font-size:16px;font-weight:700}.rating-label{color:var(--text-muted);text-align:center;margin-top:4px;font-size:10px}.rating-box:hover{border-color:var(--primary-red)}.rating-box.selected{border-color:var(--primary-red);background-color:var(--red-tint)}.rating-box.selected .rating-number{color:var(--primary-red)}.rating-box.selected .rating-label{color:var(--primary-red);font-weight:500}.branch-comp-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.branch-panel{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--card-bg);padding:16px}.branch-panel-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:13px;font-weight:600}.branch-panel-name{color:var(--primary-red);font-weight:600}@media (max-width:768px){.branch-comp-grid{grid-template-columns:1fr}}.horizontal-choices{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.choice-box{border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:var(--radius-md);cursor:pointer;text-align:center;color:var(--text-muted);transition:var(--transition);justify-content:center;align-items:center;min-height:48px;padding:12px 16px;font-size:13px;font-weight:500;display:flex;position:relative}.choice-box input{opacity:0;position:absolute}.choice-box:hover{border-color:var(--primary-red)}.choice-box.selected{border-color:var(--primary-red);background-color:var(--red-tint);color:var(--primary-red-hover);font-weight:600}@media (max-width:640px){.horizontal-choices{grid-template-columns:1fr;gap:8px}}.wizard-footer{border-top:1px solid var(--border-color);background-color:var(--bg-color);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-secondary{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-muted)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-color);color:var(--text-primary);border-color:var(--text-muted)}.btn-primary{background-color:var(--primary-red);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-red-hover);box-shadow:0 4px 12px #e11d4840}.btn:disabled{opacity:.5;cursor:not-allowed}.success-screen{text-align:center;padding:48px 24px}.success-icon-wrapper{border-radius:var(--radius-full);background-color:var(--green-tint);width:72px;height:72px;color:var(--primary-green);justify-content:center;align-items:center;margin:0 auto 24px;animation:.4s cubic-bezier(.34,1.56,.64,1) both scaleUp;display:flex}@keyframes scaleUp{0%{transform:scale(0)}to{transform:scale(1)}}.success-title{color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:700}.success-message{color:var(--text-muted);max-width:480px;margin:0 auto 32px;font-size:15px}.admin-shell{background-color:#f1f5f9;flex-direction:column;min-height:100vh;display:flex}.admin-nav{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);z-index:40;position:sticky;top:0}.admin-nav-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:16px 24px;display:flex}.admin-brand{color:var(--primary-red);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.admin-brand span{border-radius:var(--radius-sm);background-color:var(--yellow-tint);color:var(--primary-yellow-hover);padding:2px 8px;font-size:11px;font-weight:700}.admin-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:32px 24px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);align-items:center;gap:16px;padding:20px;display:flex}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.red{background-color:var(--red-tint);color:var(--primary-red)}.stat-icon.yellow{background-color:var(--yellow-tint);color:var(--primary-yellow-hover)}.stat-icon.green{background-color:var(--green-tint);color:var(--primary-green)}.stat-info{flex-direction:column;display:flex}.stat-label{color:var(--text-muted);font-size:12px;font-weight:500}.stat-value{color:var(--text-primary);margin-top:2px;font-size:20px;font-weight:700}.dashboard-row{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px;display:grid}@media (max-width:1024px){.dashboard-row{grid-template-columns:1fr}}.dashboard-card{background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:24px}.dashboard-card-title{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:15px;font-weight:600;display:flex}.svg-chart-container{justify-content:center;align-items:center;width:100%;display:flex}.bar-chart-y-axis{fill:var(--text-muted);font-size:10px}.chart-legend{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.legend-color{border-radius:2px;width:12px;height:12px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.filters-wrapper{flex-wrap:wrap;flex:1;gap:12px;display:flex}.filter-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--card-bg);min-width:200px;transition:var(--transition);outline:none;padding:10px 14px;font-family:inherit;font-size:13px}.filter-input:focus{border-color:var(--primary-red)}.table-responsive{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--card-bg);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.data-table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);background-color:#f8fafc;padding:14px 16px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:14px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tr{transition:var(--transition)}.data-table tr:hover td{cursor:pointer;background-color:#f8fafc}.badge{border-radius:var(--radius-full);align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-red{background-color:var(--red-tint);color:var(--primary-red)}.badge-yellow{background-color:var(--yellow-tint);color:var(--primary-yellow-hover)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:800px;max-height:85vh;display:flex;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);background-color:var(--card-bg);z-index:10;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-body{flex:1;padding:24px}.close-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;padding:4px}.close-btn:hover{background-color:var(--bg-color);color:var(--text-primary)}.detail-sec{margin-bottom:24px}.detail-sec-title{color:var(--primary-red);border-bottom:1px solid var(--border-color);margin-bottom:14px;padding-bottom:6px;font-size:14px;font-weight:700}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.detail-item{flex-direction:column;display:flex}.detail-label{color:var(--text-muted);font-size:11px}.detail-val{color:var(--text-primary);margin-top:2px;font-size:13px;font-weight:500}.detail-text-box{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);min-height:50px;margin-top:4px;padding:12px;font-size:13px}.login-card{background-color:var(--card-bg);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);margin:100px auto;overflow:hidden}.text-center{text-align:center}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.w-full{width:100%}.calendar-cell:hover{background-color:var(--red-tint)!important;color:var(--primary-red)!important}.admin-tabs{border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:24px;display:flex}.admin-tab-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:14px;font-weight:600}.admin-tab-btn:hover{color:var(--primary-red)}.admin-tab-btn.active{color:var(--primary-red);border-bottom-color:var(--primary-red)}.leaderboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:24px;display:grid}.leaderboard-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.leaderboard-title-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;display:flex}.leaderboard-title{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.leaderboard-list{flex-direction:column;gap:12px;display:flex}.leaderboard-item{border-radius:var(--radius-sm);background-color:#f8fafc;border:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 12px;transition:transform .2s;display:flex}.leaderboard-item:hover{transform:translate(4px)}.leaderboard-rank-info{align-items:center;gap:10px;display:flex}.leaderboard-rank{width:24px;height:24px;color:var(--text-primary);background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.leaderboard-item:first-child .leaderboard-rank{color:#d97706;background-color:#fef3c7}.leaderboard-item:nth-child(2) .leaderboard-rank{color:#475569;background-color:#e2e8f0}.leaderboard-item:nth-child(3) .leaderboard-rank{color:#c2410c;background-color:#ffedd5}.leaderboard-branch-name{color:var(--text-primary);font-size:13px;font-weight:600}.leaderboard-reviews-count{color:var(--text-muted);font-size:10px;display:block}.badge-green{color:#2e7d32;background-color:#e8f5e9}.badge-orange{color:#e65100;background-color:#fff3e0}