@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--bg-card: #1a1d27;--bg-hover: #22263a;--border: #2a2d3e;--text: #9ca3af;--text-h: #f1f5f9;--text-muted: #6b7280;--accent: #7F77DD;--accent-bg: rgba(127,119,221,.12);--red: #ef4444;--green: #22c55e;--yellow: #eab308;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0,0,0,.35);font-family:Sarabun,sans-serif;font-size:18px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{min-height:100vh}h1{font-size:26px;font-weight:600;color:var(--text-h)}h2{font-size:19px;font-weight:600;color:var(--text-h)}p{line-height:1.6}.app-layout{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 12px;position:sticky;top:0;height:100vh}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:8px 12px 20px;border-bottom:1px solid var(--border);margin-bottom:12px}.logo-icon{font-size:26px}.logo-text{font-size:17px;font-weight:600;color:var(--text-h);line-height:1.3}.sidebar-logo-text{display:flex;flex-direction:column}.sidebar-logo-name{font-size:11px;font-weight:700;color:var(--text-h);line-height:1.3}.sidebar-logo-sub{font-size:10px;font-style:italic;color:#d4a017;line-height:1.3}.nav-list{list-style:none;display:flex;flex-direction:column;gap:4px}.nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text);font-family:Sarabun,sans-serif;font-size:17px;cursor:pointer;transition:background .15s,color .15s;text-align:left}.nav-item:hover{background:var(--bg-hover);color:var(--text-h)}.nav-item.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.nav-icon{font-size:19px;width:20px;text-align:center}.main-content{flex:1;min-width:0;padding:28px 32px;overflow-y:auto}.page{display:flex;flex-direction:column;gap:24px;max-width:1100px}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.scenario-switcher{display:flex;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px;gap:4px}.scenario-btn{padding:6px 16px;border-radius:6px;border:none;background:transparent;color:var(--text);font-family:Sarabun,sans-serif;font-size:16px;cursor:pointer;transition:background .15s,color .15s}.scenario-btn:hover{background:var(--bg-hover);color:var(--text-h)}.scenario-btn.active{background:var(--accent);color:#fff;font-weight:600}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 900px){.metric-grid{grid-template-columns:repeat(2,1fr)}}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:6px}.metric-card.accent-red{border-color:var(--red)}.metric-label{font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:31px;font-weight:700;color:var(--text-h)}.metric-sub{font-size:14px;color:var(--text-muted)}.metric-card.accent-red .metric-value{color:var(--red)}.chart-card,.table-card,.settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.chart-card h2{margin-bottom:20px}.overflow-x{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:16px}.data-table th{text-align:left;padding:10px 14px;color:var(--text-muted);font-weight:500;font-size:14px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.type-badge{display:inline-block;padding:3px 10px;border-radius:100px;font-size:14px;font-weight:500}.zone-badge{display:inline-block;padding:3px 10px;border-radius:100px;font-size:14px;font-weight:600}.effective-value small{margin-left:4px;color:var(--text-muted);font-size:13px}.action-buttons{display:flex;gap:6px}.btn-primary{padding:9px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-family:Sarabun,sans-serif;font-size:17px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:9px 20px;background:transparent;color:var(--text-h);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:Sarabun,sans-serif;font-size:17px;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:var(--bg-hover)}.btn-sm{padding:5px 12px;background:var(--bg-hover);color:var(--text-h);border:1px solid var(--border);border-radius:6px;font-family:Sarabun,sans-serif;font-size:14px;cursor:pointer;transition:background .15s}.btn-sm:hover{background:var(--accent-bg);color:var(--accent)}.btn-sm.danger:hover{background:#ef44441f;color:var(--red);border-color:var(--red)}.btn-close{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1}.btn-close:hover{background:var(--bg-hover);color:var(--text-h)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow);padding:32px}.modal h3{font-size:24px;font-weight:700;color:var(--text-h);margin-bottom:28px}.modal-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.modal-field-label{font-size:14px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.modal-field input{width:100%;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-h);font-family:Sarabun,sans-serif;font-size:18px;outline:none;transition:border-color .15s}.modal-field input:focus{border-color:var(--accent)}.modal-field input.input-balance{font-size:38px;font-weight:700;letter-spacing:-1px;padding:14px 16px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.modal-actions{display:flex;gap:12px;margin-top:8px}.modal-actions .btn-secondary,.modal-actions .btn-primary{flex:1;padding:12px;font-size:18px;text-align:center}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.source-form,.settings-form{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{font-size:16px;font-weight:500;color:var(--text-h)}.form-row input,.form-row select,.form-row textarea{padding:9px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-h);font-family:Sarabun,sans-serif;font-size:17px;outline:none;transition:border-color .15s}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--accent)}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.form-row-3 .form-row label{font-size:12px}.form-row-3 .form-row input{font-size:14px;padding:6px 8px}.form-section-title{font-size:16px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding-top:4px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:17px;color:var(--text-h);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.form-actions{display:flex;align-items:center;gap:12px;padding-top:8px;border-top:1px solid var(--border)}.hint{font-size:14px;color:var(--text-muted);margin-top:2px}.saved-msg{font-size:16px;color:var(--green);font-weight:500}.settings-form section{display:flex;flex-direction:column;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border)}.settings-form section:last-of-type{border-bottom:none}.section-desc{font-size:16px;color:var(--text-muted)}.input-with-unit{display:flex;align-items:center;gap:8px}.input-with-unit input{flex:1}.input-with-unit span{font-size:14px;color:var(--text-muted);white-space:nowrap}.timeline-table th,.timeline-table td{white-space:nowrap}.timeline-table td:first-child{font-weight:600;color:var(--text-h)}.timeline-cell-editable{cursor:pointer;transition:background .1s}.timeline-cell-editable:hover{background:#7f77dd14!important;outline:1px solid rgba(127,119,221,.35);outline-offset:-2px;border-radius:4px}.timeline-cell-editable.overridden{outline:1px solid rgba(212,160,23,.5);outline-offset:-2px;border-radius:4px}.timeline-cell-editable.overridden:hover{background:#d4a0170f!important;outline-color:#d4a017}.override-dot{position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:#d4a017;box-shadow:0 0 4px #d4a01799;pointer-events:none}.timeline-cell-input{width:100%;min-width:90px;background:#1e2235;border:1.5px solid var(--accent);border-radius:4px;color:var(--text-h);font-family:Sarabun,sans-serif;font-size:15px;padding:3px 8px;outline:none;box-shadow:0 0 0 3px #7f77dd26}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:17px}.empty{text-align:center;padding:40px;color:var(--text-muted);font-size:17px}.gap-alert{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:12px 16px;color:#fca5a5;font-size:17px}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:8px!important}.recharts-legend-wrapper{padding-top:8px!important}:root{--muted: #6b7280}.registry-table-wrap{overflow-x:auto}.registry-table{width:100%;border-collapse:collapse;font-size:17px}.registry-table th{text-align:left;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:8px 12px;border-bottom:1px solid var(--border)}.registry-table td{padding:12px;border-bottom:1px solid var(--border);color:var(--text-h);vertical-align:middle}.registry-table tfoot td{border-top:2px solid var(--border);border-bottom:none;padding-top:14px}.registry-table tbody tr:last-child td{border-bottom:none}.registry-table tbody tr:hover td{background:var(--bg-hover)}.registry-table .num{text-align:right;font-variant-numeric:tabular-nums}.btn-icon{background:none;border:none;cursor:pointer;font-size:18px;padding:4px 6px;border-radius:6px;opacity:.6;transition:opacity .15s,background .15s}.btn-icon:hover{opacity:1;background:var(--bg-hover)}.auth-page{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px 36px;width:100%;max-width:420px;box-shadow:var(--shadow)}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:32px;text-align:center}.auth-logo span{font-size:48px}.auth-logo h1{font-size:22px;font-weight:700;color:var(--text-h)}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field label{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.auth-field input{padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-h);font-family:Sarabun,sans-serif;font-size:18px;outline:none;transition:border-color .15s}.auth-field input:focus{border-color:var(--accent)}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:10px 14px;color:#fca5a5;font-size:16px}.auth-submit{width:100%;padding:13px;font-size:18px}.btn-forgot{background:none;border:none;color:var(--accent);font-family:Sarabun,sans-serif;font-size:16px;cursor:pointer;text-align:center;width:100%;margin-top:12px;padding:6px}.btn-forgot:hover{opacity:.8}.forgot-desc{font-size:16px;color:var(--text-muted);line-height:1.6;margin-bottom:4px}.forgot-sent{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.forgot-sent-icon{font-size:48px}.forgot-sent p{font-size:18px;color:var(--text);line-height:1.7}.disclaimer-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px 36px;width:100%;max-width:560px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:24px}.disclaimer-title{font-size:24px;font-weight:700;color:var(--text-h);text-align:center;line-height:1.4}.disclaimer-sub{text-align:center;color:var(--text-muted);font-size:17px;margin-top:-12px}.disclaimer-section{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border)}.disclaimer-section h2{font-size:17px;font-weight:600;color:var(--text-h)}.disclaimer-section p{font-size:16px;color:var(--text);line-height:1.7}.disclaimer-consents{display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--accent-bg);border-radius:var(--radius-sm);border:1px solid rgba(127,119,221,.3)}.consent-row{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:17px;color:var(--text-h);line-height:1.5}.consent-row input[type=checkbox]{width:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:var(--accent);cursor:pointer}.disclaimer-btn{width:100%;padding:14px;font-size:19px}.disclaimer-btn:disabled{opacity:.35;cursor:not-allowed}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:220px;flex-shrink:0;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 12px;position:sticky;top:0;height:100vh}.admin-main{flex:1;min-width:0;padding:28px 32px;overflow-y:auto}.badge{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-size:12px;font-weight:700;border-radius:100px;min-width:20px;height:20px;padding:0 6px;margin-left:8px}.badge-admin{background:#7f77dd33;color:var(--accent)}.badge-user{background:#22c55e26;color:var(--green)}.badge-pending{background:#eab30826;color:var(--yellow)}.badge-resolved{background:#22c55e26;color:var(--green)}.text-green{color:var(--green)}.text-muted{color:var(--text-muted)}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.sidebar-username{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--text-h);padding:8px 12px;background:var(--accent-bg);border-radius:var(--radius-sm);border:1px solid rgba(127,119,221,.2);margin-bottom:8px}.btn-logout{background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:#fca5a5;font-family:Sarabun,sans-serif;font-size:17px;font-weight:600;padding:10px 14px;cursor:pointer;text-align:center;transition:background .15s,color .15s,border-color .15s}.btn-logout:hover{background:#ef444433;color:#fff;border-color:var(--red)}.danger-zone{background:#ef44440f;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:12px}.danger-zone h2{color:var(--red)}.danger-zone p{font-size:16px;color:var(--text-muted)}.btn-danger{align-self:flex-start;padding:9px 20px;background:transparent;color:var(--red);border:1px solid var(--red);border-radius:var(--radius-sm);font-family:Sarabun,sans-serif;font-size:17px;cursor:pointer;transition:background .15s}.btn-danger:hover{background:#ef44441f}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger-sm{padding:9px 16px;background:#ef444426;color:var(--red);border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-sm);font-family:Sarabun,sans-serif;font-size:16px;cursor:pointer;transition:background .15s}.btn-danger-sm:hover{background:#ef444440}.btn-danger-sm:disabled{opacity:.5;cursor:not-allowed}.modal-danger h3{color:var(--red)}.lifeplan-table-wrap{overflow-x:auto}.lifeplan-table{width:100%;border-collapse:collapse;font-size:14px}.lifeplan-table thead th{background:var(--bg-card);color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:10px 14px;border-bottom:1px solid var(--border);text-align:left}.lifeplan-table tbody tr{border-bottom:1px solid var(--border)}.lifeplan-table tbody tr:hover{background:var(--bg-hover)}.lifeplan-table td{padding:10px 14px;vertical-align:top}.lp-age-col{width:64px}.lp-year-col{width:80px}.lp-age-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--accent-dim, #7F77DD22);color:var(--accent);font-weight:700;font-size:14px}.lp-tasks-list{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.lp-task-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:14px;color:var(--text-h)}.lp-delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:0 2px;line-height:1;flex-shrink:0;opacity:.5;transition:opacity .15s}.lp-delete-btn:hover{opacity:1;color:var(--red)}.lp-input-row{display:flex;gap:6px;align-items:center}.lp-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:14px;color:var(--text-h);font-family:Sarabun,sans-serif;outline:none;transition:border-color .15s}.lp-input:focus{border-color:var(--accent)}.lp-add-btn{background:var(--accent);border:none;border-radius:6px;color:#fff;font-size:18px;font-weight:700;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:1;transition:opacity .15s}.lp-add-btn:disabled{opacity:.3;cursor:default}.full-center{min-height:100vh;display:flex;align-items:center;justify-content:center}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.landing-layout{display:flex;min-height:100vh;background:#0a0a0a;font-family:Sarabun,sans-serif}.landing-logo-circle{position:relative;width:64px;height:64px;border-radius:50%;background:#000;border:1.5px solid #D4A017;box-shadow:0 0 18px #d4a0174d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing-logo-circle--sm{width:44px;height:44px}.landing-logo-w{font-size:32px;font-weight:900;color:#d4a017;line-height:1;position:relative;z-index:2;letter-spacing:-2px}.landing-logo-circle--sm .landing-logo-w{font-size:22px}.landing-logo-m{font-size:18px;font-weight:900;color:#8b6914;line-height:1;position:absolute;bottom:6px;right:8px;z-index:1;letter-spacing:-1px}.landing-logo-circle--sm .landing-logo-m{font-size:12px;bottom:4px;right:5px}.landing-sidebar{width:220px;min-height:100vh;background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 0 24px;flex-shrink:0}.landing-sidebar__brand{display:flex;align-items:center;gap:12px;padding:0 18px 20px;border-bottom:1px solid var(--border);margin-bottom:4px}.landing-sidebar__brand-text{display:flex;flex-direction:column}.landing-sidebar__brand-name{font-size:12px;font-weight:700;color:var(--text-h);line-height:1.3}.landing-sidebar__brand-sub{font-size:11px;font-style:italic;color:#d4a017;line-height:1.3}.landing-main{flex:1;padding:60px 72px!important;display:flex;flex-direction:column}.landing-hero{margin-bottom:56px}.landing-brand{display:flex;align-items:center;gap:20px;margin-bottom:32px}.landing-title{font-size:34px;font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1.15}.landing-title__by{font-size:20px;font-weight:300;color:#999}.landing-title__name{font-size:28px;font-weight:700;background:linear-gradient(90deg,#d4a017,gold,#d4a017);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gold-shimmer 3s linear infinite}@keyframes gold-shimmer{0%{background-position:0% center}to{background-position:200% center}}.landing-tagline{margin-bottom:36px;padding-top:24px;border-top:2px solid transparent;border-image:linear-gradient(90deg,#D4A017,#FFD700,#8B6914,transparent) 1}.landing-tagline__en{font-size:25.6px;font-weight:400;color:#fff;font-style:italic;line-height:1.6;margin-bottom:14px}.landing-tagline__th{font-size:24px;font-weight:400;color:#fff;line-height:1.7}.landing-cards-section{margin-bottom:48px}.landing-cards-heading{font-size:22px;font-weight:700;color:gold;margin-bottom:20px;letter-spacing:.3px}.landing-cards{display:flex;gap:24px;flex-wrap:wrap}.app-card{width:220px;min-height:200px;background:#1a1a1a;border-radius:16px;border:1.5px solid #2a2a2a;padding:28px 24px 24px;display:flex;flex-direction:column;gap:10px;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer}.app-card__icon{font-size:36px;line-height:1}.app-card__title{font-size:15px;font-weight:700;color:#fff;line-height:1.3}.app-card__desc{font-size:13px;color:#666;flex:1}.app-card__arrow{font-size:18px;color:#d4a017;align-self:flex-end;transition:transform .2s}.app-card--active{border-color:#d4a017}.app-card--active:hover{transform:translateY(-4px);box-shadow:0 8px 32px #d4a01733;border-color:gold}.app-card--active:hover .app-card__arrow{transform:translate(4px)}.app-card--featured{border-color:#d4a017;box-shadow:0 0 20px #d4a0172e,inset 0 0 30px #d4a0170a}.app-card--featured:hover{transform:translateY(-4px);box-shadow:0 8px 40px #ffd7004d,inset 0 0 30px #d4a01714;border-color:gold}.app-card--featured:hover .app-card__arrow{transform:translate(4px)}.app-card--disabled{opacity:.35;cursor:not-allowed;border-color:#222}.landing-disclaimer{margin-top:auto;padding-top:24px;border-top:1px solid #222;font-size:13px;color:#555;line-height:1.7;max-width:640px}@media (max-width: 768px){.landing-sidebar{width:64px}.landing-sidebar__brand-text,.landing-sidebar__label{display:none}.landing-sidebar__brand{padding:0 10px 20px;justify-content:center}.landing-main{padding:36px 24px}.landing-title{font-size:24px}.landing-title__name{font-size:22px}.landing-tagline__en{font-size:14px}}.el-page{padding:32px;max-width:1100px}.el-header{margin-bottom:36px}.el-header__title{font-size:26px;font-weight:700;color:var(--text-h);margin-bottom:6px}.el-header__by{font-size:14px;color:#d4a017;margin-bottom:8px}.el-header__desc{font-size:15px;color:var(--text-muted)}.el-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.el-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,box-shadow .2s}.el-card:hover{border-color:#d4a017;box-shadow:0 4px 24px #d4a0171a}.el-card__header{display:flex;gap:14px;align-items:flex-start}.el-card__icon-box{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.el-card__header-text{display:flex;flex-direction:column;justify-content:center}.el-card__title{font-size:15px;font-weight:700;color:var(--text-h);line-height:1.4;margin-bottom:3px}.el-card__en{font-size:12px;color:var(--text-muted);line-height:1.4}.el-card__goal{font-size:13px;color:var(--text);line-height:1.6}.el-rating-summary{display:flex;align-items:center;gap:6px}.el-stars{display:flex;gap:1px}.el-star{font-size:15px;color:#3a3a4a}.el-star.filled{color:#d4a017}.el-rating-avg{font-size:15px;font-weight:700;color:var(--text-h)}.el-rating-count{font-size:12px;color:var(--text-muted)}.el-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.el-card__lessons{font-size:13px;color:var(--text-muted)}.el-btn-disabled{font-size:12px;padding:5px 14px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:not-allowed;opacity:.6;font-family:inherit}@media (max-width: 900px){.el-grid{grid-template-columns:1fr}.el-page{padding:20px}}.el-card--available:hover{border-color:#d4a017;box-shadow:0 6px 28px #d4a0172e}.el-btn-start{font-size:13px;padding:6px 16px;border-radius:8px;border:1.5px solid #D4A017;background:#d4a0171a;color:#d4a017;cursor:pointer;font-family:inherit;font-weight:600;transition:background .15s}.el-btn-start:hover{background:#d4a01738}.ll-module-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.ll-module-title{font-size:20px;font-weight:700;color:var(--text-h);margin-bottom:4px}.ll-module-en{font-size:13px;color:var(--text-muted)}.ll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ll-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:border-color .2s,box-shadow .2s;position:relative}.ll-card:hover{border-color:#d4a017;box-shadow:0 4px 18px #d4a01721}.ll-badge-done{position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;color:#22c55e;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:20px;padding:2px 8px}.ll-card__body{display:flex;flex-direction:column;gap:3px}.ll-card__duration{font-size:11px;color:var(--text-muted);margin-bottom:2px}.ll-card__title{font-size:14px;font-weight:700;color:var(--text-h);line-height:1.4}.ll-card__subtitle{font-size:11px;color:var(--text-muted)}.ll-progress-wrap{display:flex;align-items:center;gap:8px}.ll-progress-bar{flex:1;height:4px;background:var(--border);border-radius:99px;overflow:hidden}.ll-progress-fill{height:100%;background:linear-gradient(90deg,#d4a017,gold);border-radius:99px;transition:width .4s ease}.ll-progress-pct{font-size:11px;color:var(--text-muted);width:30px;text-align:right}.ll-card__footer{display:flex;align-items:center;justify-content:space-between;gap:6px}.ll-stars{display:flex;gap:1px}.ll-star{font-size:12px;color:#3a3a4a;cursor:default}.ll-star.filled{color:#d4a017}.ll-btn-start{font-size:11px;padding:4px 12px;border-radius:6px;border:1.5px solid #D4A017;background:#d4a0171a;color:#d4a017;cursor:pointer;font-family:inherit;font-weight:600;transition:background .15s;white-space:nowrap}.ll-btn-start:hover{background:#d4a01738}@media (max-width: 900px){.ll-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.ll-grid{grid-template-columns:1fr}}.lv-main{display:flex;flex-direction:column;padding:0!important;overflow:hidden!important;height:100vh;max-height:100vh}.lv-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg-card);gap:16px;flex-shrink:0;flex-wrap:wrap;position:sticky;top:0;z-index:100}.lv-topbar__left{display:flex;align-items:center;gap:14px}.lv-back-btn{font-size:13px;padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-family:inherit;white-space:nowrap;transition:border-color .15s,color .15s}.lv-back-btn:hover{border-color:#d4a017;color:#d4a017}.lv-topbar__title{font-size:15px;font-weight:700;color:var(--text-h)}.lv-topbar__sub{font-size:12px;color:var(--text-muted);margin-top:2px}.lv-topbar__right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lv-progress-pill{display:flex;align-items:center;gap:8px}.lv-progress-bar{width:120px;height:6px;background:var(--border);border-radius:99px;overflow:hidden}.lv-progress-fill{height:100%;background:linear-gradient(90deg,#d4a017,gold);border-radius:99px;transition:width .5s ease}.lv-progress-txt{font-size:12px;color:var(--text-muted);min-width:34px}.lv-complete-btn{font-size:13px;padding:7px 16px;border-radius:8px;border:1.5px solid #22c55e;background:#22c55e1a;color:#22c55e;cursor:pointer;font-family:inherit;font-weight:600;transition:background .15s;white-space:nowrap}.lv-complete-btn:hover{background:#22c55e33}.lv-done-badge{font-size:13px;padding:7px 14px;border-radius:8px;background:#22c55e1f;color:#22c55e;font-weight:700;border:1.5px solid rgba(34,197,94,.3)}.lv-rate-btn{font-size:12px;padding:6px 13px;border-radius:8px;border:1.5px solid #D4A017;background:#d4a0171a;color:#d4a017;cursor:pointer;font-family:inherit;font-weight:600;white-space:nowrap;transition:background .15s}.lv-rate-btn:hover{background:#d4a01738}.lv-iframe{flex:1;width:100%;border:none;background:#fff}.lv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:999}.lv-modal{background:var(--bg-card);border:1.5px solid var(--border);border-radius:20px;padding:36px 32px;max-width:380px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 20px 60px #00000080}.lv-modal__icon{font-size:48px}.lv-modal__title{font-size:20px;font-weight:700;color:var(--text-h)}.lv-modal__desc{font-size:14px;color:var(--text-muted)}.lv-star-picker{display:flex;gap:6px}.lv-star{font-size:32px;color:#3a3a4a;cursor:pointer;transition:color .1s,transform .1s}.lv-star:hover,.lv-star.filled{color:#d4a017}.lv-star:hover{transform:scale(1.15)}.lv-modal__actions{display:flex;flex-direction:column;gap:8px;width:100%}.lv-modal__btn-submit{padding:12px;border-radius:10px;border:none;background:linear-gradient(135deg,#d4a017,gold);color:#000;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s}.lv-modal__btn-submit:disabled{opacity:.4;cursor:not-allowed}.lv-modal__btn-submit:not(:disabled):hover{opacity:.85}.lv-modal__btn-skip{padding:10px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:14px;cursor:pointer;font-family:inherit}.sidebar-hamburger,.sidebar-backdrop{display:none}@media (max-width: 768px){:root{font-size:16px}.main-content,.admin-main{padding:56px 16px 16px}h1{font-size:clamp(18px,5vw,26px)}h2{font-size:clamp(15px,4vw,19px)}body,p,span,button,th,td{word-break:keep-all;overflow-wrap:break-word}.sidebar,.admin-sidebar{position:fixed;left:0;top:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto}.sidebar.open,.admin-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0000008c}.main-content,.admin-main{margin-left:0;width:100%}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999}.sidebar-hamburger{display:flex;align-items:center;justify-content:center;position:fixed;top:14px;left:14px;z-index:1001;width:40px;height:40px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-h);font-size:20px;cursor:pointer;box-shadow:var(--shadow)}.el-page{padding:16px}.el-grid{grid-template-columns:1fr}.el-header__title{font-size:clamp(20px,5vw,28px)}.ll-grid{grid-template-columns:1fr}.lv-topbar{flex-direction:column;align-items:flex-start;gap:8px;padding:48px 12px 12px}.lv-topbar__right{width:100%;justify-content:flex-start;flex-wrap:wrap}.table-card{overflow-x:auto}}.lv-modal__btn-skip:hover{color:var(--text);border-color:var(--text)}.wmp-admin{--c-bg: #0a0e14;--c-surface: #111620;--c-surface-2: #1a2030;--c-surface-3: #232a3d;--c-border: #232a3d;--c-border-strong:#2f3850;--c-text: #f0f4fa;--c-text-muted: #98a4ba;--c-text-subtle: #5e6a82;--c-accent: #f4866b;--c-accent-hover: #ff9a82;--c-accent-soft: #2a1a17;--c-accent-text: #0a0e14;--c-success: #4ade80;--c-success-soft: #0e2818;--c-warning: #fbbf24;--c-warning-soft: #2b1f08;--c-danger: #f87171;--c-danger-soft: #2a1313;--c-info: #60a5fa;--c-info-soft: #0d1d33;--mod-1: #FFDDD2;--mod-2: #B8E6D9;--mod-3: #F8D7DA;--mod-4: #C5D9F0;--mod-5: #E8DAEF;--mod-6: #FCE5BD;--chart-1: #f4866b;--chart-2: #60a5fa;--chart-3: #4ade80;--chart-4: #fbbf24;--chart-5: #c084fc;--chart-6: #38bdf8;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow: 0 2px 8px rgba(0,0,0,.4);--shadow-lg: 0 12px 32px -4px rgba(0,0,0,.6);--row-height: 48px;--pad-card: 20px;--sidebar-w: 248px;--sidebar-w-collapsed: 64px;--topbar-h: 60px;font-family:Sarabun,Inter,system-ui,sans-serif;font-size:14px;line-height:1.55;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;word-break:keep-all;min-height:100vh}.wmp-admin[data-theme=light]{--c-bg: #fafaf7;--c-surface: #ffffff;--c-surface-2: #f4f1ec;--c-surface-3: #e8e3da;--c-border: #e5e1d8;--c-border-strong: #c9c2b3;--c-text: #1a1410;--c-text-muted: #5a5346;--c-text-subtle: #8a8273;--c-accent: #d96b4f;--c-accent-hover: #c25538;--c-accent-soft: #fbe8e2;--c-accent-text: #ffffff;--c-success: #15803d;--c-success-soft: #dcfce7;--c-warning: #b45309;--c-warning-soft: #fef3c7;--c-danger: #b91c1c;--c-danger-soft: #fee2e2;--c-info: #0369a1;--c-info-soft: #e0f2fe}.wmp-admin[data-density=compact]{--row-height: 38px;--pad-card: 14px}.wmp-admin[data-density=spacious]{--row-height: 60px;--pad-card: 28px}.wmp-admin *,.wmp-admin *:before,.wmp-admin *:after{box-sizing:border-box}.wmp-admin button{font-family:inherit}.wmp-admin .font-display{font-family:Sarabun,sans-serif;font-weight:700;letter-spacing:-.01em}.wmp-admin .font-mono{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:"tnum"}.wmp-admin .tnum{font-variant-numeric:tabular-nums}.wmp-admin .app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;transition:grid-template-columns .2s}.wmp-admin .app[data-sidebar=collapsed]{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.wmp-admin .sidebar{background:var(--c-surface);border-right:1px solid var(--c-border);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.wmp-admin .sidebar-header{padding:14px 18px;display:flex;align-items:center;gap:10px;height:var(--topbar-h);border-bottom:1px solid var(--c-border);flex-shrink:0}.wmp-admin .logo-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--c-accent) 0%,#ff9a82 50%,#ffd4a8 100%);display:grid;place-items:center;color:var(--c-bg);font-weight:800;font-size:14px;flex-shrink:0}.wmp-admin .logo-text{font-weight:700;font-size:15px;letter-spacing:-.01em}.wmp-admin .logo-sub{font-size:10.5px;color:var(--c-text-subtle);margin-top:-2px;letter-spacing:.1em;text-transform:uppercase}.wmp-admin .nav-section{padding:4px 8px}.wmp-admin .nav-label{padding:14px 12px 6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--c-text-subtle)}.wmp-admin .nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;color:var(--c-text-muted);cursor:pointer;transition:all .12s;-webkit-user-select:none;user-select:none;position:relative;background:transparent;border:none;width:100%;text-align:left}.wmp-admin .nav-item:hover{background:var(--c-surface-2);color:var(--c-text)}.wmp-admin .nav-item.active{background:var(--c-accent-soft);color:var(--c-accent)}.wmp-admin .nav-item.active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:3px;background:var(--c-accent);border-radius:0 3px 3px 0}.wmp-admin .nav-item .nav-label-text{flex:1}.wmp-admin .nav-badge{background:var(--c-surface-2);color:var(--c-text-muted);font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;font-variant-numeric:tabular-nums}.wmp-admin .nav-item.active .nav-badge{background:var(--c-accent);color:var(--c-bg)}.wmp-admin .sidebar-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.wmp-admin .sidebar-footer{border-top:1px solid var(--c-border);padding:10px;flex-shrink:0}.wmp-admin .user-card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius);cursor:pointer}.wmp-admin .user-card:hover{background:var(--c-surface-2)}.wmp-admin .avatar{border-radius:50%;display:grid;place-items:center;font-weight:600;color:#fff;flex-shrink:0}.wmp-admin .user-meta{flex:1;min-width:0}.wmp-admin .u-name{font-size:13px;font-weight:600}.wmp-admin .u-email{font-size:11px;color:var(--c-text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wmp-admin .app[data-sidebar=collapsed] .logo-text,.wmp-admin .app[data-sidebar=collapsed] .logo-sub-wrap,.wmp-admin .app[data-sidebar=collapsed] .nav-label-text,.wmp-admin .app[data-sidebar=collapsed] .nav-badge,.wmp-admin .app[data-sidebar=collapsed] .nav-label,.wmp-admin .app[data-sidebar=collapsed] .user-meta{display:none}.wmp-admin .app[data-sidebar=collapsed] .nav-item{justify-content:center;padding:9px}.wmp-admin .app[data-sidebar=collapsed] .sidebar-header{justify-content:center;padding:14px 8px}.wmp-admin .app[data-sidebar=collapsed] .user-card{justify-content:center}.wmp-admin .main{display:flex;flex-direction:column;min-width:0}.wmp-admin .topbar{height:var(--topbar-h);border-bottom:1px solid var(--c-border);background:var(--c-surface);display:flex;align-items:center;padding:0 24px;gap:14px;position:sticky;top:0;z-index:10}.wmp-admin .crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c-text-muted)}.wmp-admin .crumbs .sep{color:var(--c-text-subtle)}.wmp-admin .crumbs .current{color:var(--c-text);font-weight:600}.wmp-admin .search-box{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--c-surface-2);border:1px solid transparent;border-radius:var(--radius);padding:7px 12px;font-size:13px;width:300px;transition:all .15s;cursor:text}.wmp-admin .search-box:focus-within{border-color:var(--c-accent)}.wmp-admin .search-box input{flex:1;border:none;outline:none;background:transparent;font:inherit;color:inherit;width:100%}.wmp-admin .search-box input::placeholder{color:var(--c-text-subtle)}.wmp-admin .kbd{font-family:JetBrains Mono,monospace;font-size:10.5px;padding:2px 5px;border:1px solid var(--c-border);border-radius:4px;color:var(--c-text-muted)}.wmp-admin .icon-btn{width:34px;height:34px;border:none;background:transparent;border-radius:var(--radius);display:grid;place-items:center;cursor:pointer;color:var(--c-text-muted);transition:all .12s;position:relative}.wmp-admin .icon-btn:hover{background:var(--c-surface-2);color:var(--c-text)}.wmp-admin .icon-btn .dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--c-accent);border:2px solid var(--c-surface)}.wmp-admin .content{padding:24px 28px;flex:1;max-width:1600px;width:100%}.wmp-admin .page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:16px;flex-wrap:wrap}.wmp-admin .page-title{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px;color:var(--c-text)}.wmp-admin .page-sub{color:var(--c-text-muted);font-size:13.5px;margin:0}.wmp-admin .page-actions{display:flex;gap:8px;flex-shrink:0}.wmp-admin .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .12s;white-space:nowrap}.wmp-admin .btn-primary{background:var(--c-accent);color:var(--c-bg)}.wmp-admin .btn-primary:hover{background:var(--c-accent-hover)}.wmp-admin .btn-secondary{background:var(--c-surface-2);color:var(--c-text);border-color:var(--c-border)}.wmp-admin .btn-secondary:hover{background:var(--c-surface-3);border-color:var(--c-border-strong)}.wmp-admin .btn-ghost{background:transparent;color:var(--c-text-muted)}.wmp-admin .btn-ghost:hover{background:var(--c-surface-2);color:var(--c-text)}.wmp-admin .btn-sm{padding:5px 10px;font-size:12px}.wmp-admin .card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--pad-card)}.wmp-admin .card-flat{border-radius:var(--radius)}.wmp-admin .card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px}.wmp-admin .card-title{font-size:15px;font-weight:700;margin:0;letter-spacing:-.01em;color:var(--c-text)}.wmp-admin .card-sub{font-size:12.5px;color:var(--c-text-subtle);margin:3px 0 0}.wmp-admin .grid{display:grid;gap:16px}.wmp-admin .grid-4{grid-template-columns:repeat(4,1fr)}.wmp-admin .grid-3{grid-template-columns:repeat(3,1fr)}.wmp-admin .grid-2{grid-template-columns:repeat(2,1fr)}.wmp-admin .grid-2-1{grid-template-columns:2fr 1fr}@media (max-width: 1100px){.wmp-admin .grid-4{grid-template-columns:repeat(2,1fr)}.wmp-admin .grid-3,.wmp-admin .grid-2,.wmp-admin .grid-2-1{grid-template-columns:1fr}}.wmp-admin .kpi{display:flex;flex-direction:column;gap:10px}.wmp-admin .kpi-label{font-size:12.5px;color:var(--c-text-muted);font-weight:600;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.05em}.wmp-admin .kpi-value{font-size:30px;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px}.wmp-admin .kpi-unit{font-size:16px;color:var(--c-text-muted);font-weight:500}.wmp-admin .kpi-delta{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;font-variant-numeric:tabular-nums}.wmp-admin .kpi-delta.up{color:var(--c-success);background:var(--c-success-soft)}.wmp-admin .kpi-delta.down{color:var(--c-danger);background:var(--c-danger-soft)}.wmp-admin .kpi-foot{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--c-text-subtle)}.wmp-admin .table-wrap{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden}.wmp-admin .table-toolbar{padding:12px 16px;border-bottom:1px solid var(--c-border);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.wmp-admin .table-search{display:flex;align-items:center;gap:6px;background:var(--c-surface-2);border:1px solid transparent;border-radius:var(--radius);padding:6px 10px;font-size:13px;flex:1;min-width:200px;max-width:320px}.wmp-admin .table-search:focus-within{border-color:var(--c-accent)}.wmp-admin .table-search input{border:none;outline:none;background:transparent;flex:1;font:inherit;color:inherit}.wmp-admin .chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--c-border);background:transparent;color:var(--c-text-muted);font-size:12.5px;border-radius:999px;cursor:pointer;transition:all .12s;font-weight:500;white-space:nowrap;font-family:inherit}.wmp-admin .chip:hover{border-color:var(--c-border-strong);color:var(--c-text)}.wmp-admin .chip.active{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent)}.wmp-admin table.data{width:100%;border-collapse:collapse;font-size:13px}.wmp-admin table.data thead th{text-align:left;padding:10px 16px;font-weight:700;font-size:11px;color:var(--c-text-subtle);text-transform:uppercase;letter-spacing:.06em;background:var(--c-surface-2);border-bottom:1px solid var(--c-border);-webkit-user-select:none;user-select:none}.wmp-admin table.data thead th.sortable{cursor:pointer}.wmp-admin table.data thead th.sortable:hover{color:var(--c-text)}.wmp-admin table.data tbody td{padding:0 16px;height:var(--row-height);border-bottom:1px solid var(--c-border);vertical-align:middle;color:var(--c-text)}.wmp-admin table.data tbody tr{transition:background .1s;cursor:pointer}.wmp-admin table.data tbody tr:hover{background:var(--c-surface-2)}.wmp-admin table.data tbody tr:last-child td{border-bottom:none}.wmp-admin table.data tbody tr.selected{background:var(--c-accent-soft)}.wmp-admin .badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.01em}.wmp-admin .badge-success{background:var(--c-success-soft);color:var(--c-success)}.wmp-admin .badge-warning{background:var(--c-warning-soft);color:var(--c-warning)}.wmp-admin .badge-danger{background:var(--c-danger-soft);color:var(--c-danger)}.wmp-admin .badge-info{background:var(--c-info-soft);color:var(--c-info)}.wmp-admin .badge-neutral{background:var(--c-surface-2);color:var(--c-text-muted)}.wmp-admin .badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.wmp-admin .user-cell{display:flex;align-items:center;gap:10px}.wmp-admin .uc-name{font-weight:600}.wmp-admin .uc-email{color:var(--c-text-subtle);font-size:12px;font-family:JetBrains Mono,monospace}.wmp-admin .pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--c-border);font-size:12.5px;color:var(--c-text-muted)}.wmp-admin .page-btns{display:flex;gap:4px;align-items:center}.wmp-admin .page-btn{min-width:30px;height:30px;border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;display:grid;place-items:center;color:var(--c-text-muted);padding:0 8px;font-family:inherit}.wmp-admin .page-btn:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text)}.wmp-admin .page-btn:disabled{opacity:.4;cursor:default}.wmp-admin .page-btn.active{background:var(--c-accent);color:var(--c-bg);border-color:var(--c-accent);font-weight:700}.wmp-admin .drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s}.wmp-admin .drawer-backdrop.open{opacity:1;pointer-events:auto}.wmp-admin .drawer{position:fixed;top:0;right:0;height:100vh;width:480px;max-width:95vw;background:var(--c-surface);border-left:1px solid var(--c-border);z-index:51;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.wmp-admin .drawer.open{transform:translate(0)}.wmp-admin .drawer-head{padding:16px 20px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.wmp-admin .drawer-body{flex:1;overflow-y:auto;padding:20px}.wmp-admin .drawer-foot{padding:14px 20px;border-top:1px solid var(--c-border);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}.wmp-admin .field-row{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--c-border);font-size:13px}.wmp-admin .field-row:last-child{border-bottom:none}.wmp-admin .field-row .fr-label{color:var(--c-text-muted)}.wmp-admin .field-row .fr-value{color:var(--c-text);font-weight:500}.wmp-admin .activity-list{display:flex;flex-direction:column}.wmp-admin .activity-item{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--c-border);align-items:flex-start}.wmp-admin .activity-item:last-child{border-bottom:none}.wmp-admin .activity-icon{width:32px;height:32px;border-radius:8px;background:var(--c-surface-2);display:grid;place-items:center;flex-shrink:0;color:var(--c-text-muted)}.wmp-admin .activity-icon.success{background:var(--c-success-soft);color:var(--c-success)}.wmp-admin .activity-icon.warning{background:var(--c-warning-soft);color:var(--c-warning)}.wmp-admin .activity-icon.info{background:var(--c-info-soft);color:var(--c-info)}.wmp-admin .activity-icon.danger{background:var(--c-danger-soft);color:var(--c-danger)}.wmp-admin .activity-content{flex:1;min-width:0}.wmp-admin .activity-title{font-size:13px}.wmp-admin .activity-title b{font-weight:700}.wmp-admin .activity-time{font-size:11.5px;color:var(--c-text-subtle);margin-top:2px}.wmp-admin .toast-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:100}.wmp-admin .toast{background:var(--c-text);color:var(--c-bg);padding:10px 14px;border-radius:var(--radius);font-size:13px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px;animation:wmp-toast-in .2s ease}@keyframes wmp-toast-in{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.wmp-admin .module-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;flex-shrink:0}.wmp-admin .row{display:flex;align-items:center;gap:8px}.wmp-admin .col{display:flex;flex-direction:column;gap:8px}.wmp-admin .between{display:flex;align-items:center;justify-content:space-between}.wmp-admin .spacer{flex:1}.wmp-admin .divider{height:1px;background:var(--c-border);margin:12px 0}.wmp-admin .muted{color:var(--c-text-muted)}.wmp-admin .subtle{color:var(--c-text-subtle)}.wmp-admin .text-xs{font-size:11.5px}.wmp-admin .text-sm{font-size:12.5px}.wmp-admin .text-lg{font-size:16px}.wmp-admin .fw-500{font-weight:500}.wmp-admin .fw-600{font-weight:600}.wmp-admin .fw-700{font-weight:700}.wmp-admin .mb-2{margin-bottom:8px}.wmp-admin .mb-3{margin-bottom:12px}.wmp-admin .mb-4{margin-bottom:16px}.wmp-admin .mb-6{margin-bottom:24px}.wmp-admin .mt-2{margin-top:8px}.wmp-admin .mt-4{margin-top:16px}.wmp-admin .gap-2{gap:8px}.wmp-admin .gap-3{gap:12px}.wmp-admin .gap-4{gap:16px}.wmp-admin .bar-track{height:8px;background:var(--c-surface-2);border-radius:999px;overflow:hidden}.wmp-admin .bar-fill{height:100%;background:var(--c-accent);border-radius:999px;transition:width .5s}.wmp-admin .status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.wmp-admin .status-pill .dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent)}.wmp-admin .status-pill.live{color:var(--c-success)}.wmp-admin .status-pill.warn{color:var(--c-warning)}.wmp-admin .stars{display:inline-flex;gap:2px;align-items:center}.wmp-admin .stars .star{color:var(--c-warning)}.wmp-admin .stars .star.empty{color:var(--c-text-subtle)}.wmp-admin ::-webkit-scrollbar{width:10px;height:10px}.wmp-admin ::-webkit-scrollbar-track{background:transparent}.wmp-admin ::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:5px;border:2px solid var(--c-bg)}.wmp-admin ::-webkit-scrollbar-thumb:hover{background:var(--c-text-subtle)}.landing-wrap{--gold: #D4A017;--gold-hover: #e8b227;--gold-dim: rgba(212, 160, 23, .15);--gold-border: rgba(212, 160, 23, .3);--bg-main: #0F0E0C;--bg-card: rgba(255, 255, 255, .04);--bg-card-featured: rgba(212, 160, 23, .05);--text-primary: #F5F0E8;--text-secondary: rgba(245, 240, 232, .55);--text-muted: rgba(245, 240, 232, .35);--border-subtle: rgba(255, 255, 255, .07);--border-card: rgba(255, 255, 255, .09);--border-card-featured: rgba(212, 160, 23, .35);background:var(--bg-main);color:var(--text-primary);font-family:Sarabun,IBM Plex Sans Thai,sans-serif;min-height:100vh;word-break:keep-all}.landing-wrap *{box-sizing:border-box}.landing-wrap button{font-family:inherit}.landing-nav{position:sticky;top:0;z-index:100;background:#0f0e0cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:.5px solid var(--border-subtle);padding:16px 48px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:12px}.nav-logo{width:34px;height:34px;border-radius:50%;background:var(--gold);color:#0f0e0c;display:grid;place-items:center;font-weight:500;font-size:15px;flex-shrink:0}.nav-name{display:flex;flex-direction:column;line-height:1.2}.nav-name-main{font-size:14px;font-weight:500;color:var(--text-primary);letter-spacing:-.005em}.nav-name-sub{font-size:11px;color:var(--text-muted)}.nav-actions{display:flex;align-items:center;gap:8px}.nav-about-btn{background:transparent;border:none;color:var(--text-secondary);font-size:13px;font-weight:500;padding:8px 14px;cursor:pointer;border-radius:8px;transition:color .15s,background .15s}.nav-about-btn:hover{color:var(--text-primary);background:#ffffff0a}.nav-login-btn{background:var(--gold);color:#0f0e0c;border:none;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.nav-login-btn:hover{background:var(--gold-hover)}.landing-hero{padding:80px 48px 64px;text-align:center;max-width:760px;margin:0 auto}.hero-eyebrow{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:.5px solid var(--gold-border);border-radius:20px;padding:5px 14px;color:var(--gold);margin-bottom:24px;font-weight:500}.landing-h1{font-size:clamp(28px,5vw,40px);font-weight:500;line-height:1.25;letter-spacing:-.015em;margin:0 0 24px;color:var(--text-primary)}.landing-h1 .gold{color:var(--gold);font-weight:600}.hero-tagline-en{font-size:13px;color:var(--text-secondary);font-style:italic;margin:0 0 8px;line-height:1.6}.hero-tagline-th{font-size:15px;color:#f5f0e8b3;margin:0 0 36px;line-height:1.6}.hero-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:56px}.hero-btn-primary{background:var(--gold);color:#0f0e0c;font-weight:500;border:none;border-radius:10px;padding:12px 28px;font-size:14px;cursor:pointer;transition:background .15s}.hero-btn-primary:hover{background:var(--gold-hover)}.hero-btn-secondary{background:transparent;border:.5px solid rgba(255,255,255,.15);color:var(--text-secondary);border-radius:10px;padding:12px 28px;font-size:14px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.hero-btn-secondary:hover{color:var(--text-primary);border-color:#ffffff40}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:11px;letter-spacing:.05em}.scroll-hint:before{content:"";width:1px;height:32px;background:linear-gradient(to bottom,transparent,var(--gold-border))}.stats-bar{display:flex;justify-content:center;background:#d4a0170a;border-top:.5px solid rgba(212,160,23,.1);border-bottom:.5px solid rgba(212,160,23,.1);padding:24px 48px}.stat-item{flex:1;text-align:center;border-right:.5px solid var(--border-subtle);padding:0 16px}.stat-item:last-child{border-right:none}.stat-num{font-size:22px;font-weight:500;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stat-label{font-size:12px;color:var(--text-muted);margin-top:2px}.landing-section{padding:64px 48px;max-width:1080px;margin:0 auto}.section-label{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:12px}.section-h2{font-size:clamp(22px,3.6vw,30px);font-weight:500;margin:0 0 12px;letter-spacing:-.01em;line-height:1.3}.section-desc{font-size:14px;color:var(--text-secondary);margin:0 0 36px;line-height:1.7;max-width:560px}.section-with-border-top{border-top:.5px solid var(--border-subtle)}.product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-card{border:.5px solid var(--border-card);background:var(--bg-card);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,transform .15s}.product-card.featured{border-color:var(--border-card-featured);background:var(--bg-card-featured)}.product-card.featured:hover{border-color:var(--gold);transform:translateY(-2px)}.product-card.dimmed{opacity:1}.product-card.dimmed>.pc-icon,.product-card.dimmed>.pc-title,.product-card.dimmed>.pc-desc,.product-card.dimmed>.pc-link{opacity:.35}.pc-badge{display:inline-block;align-self:flex-start;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:999px;font-weight:600;border:.5px solid}.pc-badge.gold{color:var(--gold);border-color:var(--gold-border);background:var(--gold-dim)}.pc-badge.muted{color:var(--text-muted);border-color:var(--border-subtle);background:#ffffff08}.pc-icon{font-size:28px;color:var(--gold);line-height:1}.pc-title{font-size:17px;font-weight:500;margin:0;color:var(--text-primary)}.pc-desc{font-size:13px;color:var(--text-secondary);line-height:1.65;margin:0;min-height:50px}.pc-link{background:transparent;border:none;color:var(--gold);font-size:13px;font-weight:600;cursor:pointer;padding:0;text-align:left;margin-top:auto;font-family:inherit;transition:opacity .15s}.product-card.featured .pc-link:hover{opacity:.8}.product-card.dimmed .pc-link{cursor:default;pointer-events:none}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#ffffff08;border:.5px solid var(--border-subtle);border-radius:10px;transition:border-color .15s,background .15s}.feature:hover{border-color:#d4a01733;background:#ffffff0d}.feature-icon-wrap{width:30px;height:30px;background:#d4a0171a;border-radius:8px;display:grid;place-items:center;flex-shrink:0;font-size:16px}.feature-text{flex:1;min-width:0}.feature-title{font-size:13px;font-weight:500;margin:0 0 4px;color:var(--text-primary)}.feature-desc{font-size:12px;color:var(--text-muted);margin:0;line-height:1.6}.cta-section{text-align:center;padding:64px 48px;border-top:.5px solid var(--border-subtle);max-width:760px;margin:0 auto}.cta-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.landing-footer{border-top:.5px solid var(--border-subtle);padding:20px 48px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;color:var(--text-muted)}.footer-links{display:flex;gap:16px}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text-secondary)}.fade-up{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.fade-up.in-view{opacity:1;transform:translateY(0)}@media (max-width: 768px){.nav-about-btn{display:none}.landing-nav{padding:14px 20px}.landing-hero{padding:56px 20px 48px}.landing-h1{font-size:clamp(26px,7vw,36px)}.hero-buttons{flex-direction:column;align-items:stretch;gap:10px;max-width:280px;margin-left:auto;margin-right:auto}.hero-buttons button{width:100%}.stats-bar{display:grid;grid-template-columns:1fr 1fr;padding:20px}.stat-item{border-right:none;border-bottom:.5px solid var(--border-subtle);padding:12px 8px}.stat-item:nth-last-child(-n+2){border-bottom:none}.landing-section{padding:48px 20px}.product-cards{grid-template-columns:1fr}.pc-desc{min-height:0}.features-grid{grid-template-columns:1fr}.cta-section{padding:48px 20px}.cta-buttons{flex-direction:column;align-items:stretch;max-width:280px;margin:28px auto 0}.cta-buttons button{width:100%}.landing-footer{flex-direction:column;gap:8px;text-align:center;padding:20px}}