.elder-mode{font-size:120%;line-height:1.6}.elder-mode .panel,.elder-mode .ui-card,.elder-mode .control-chip{border-width:2px}.elder-mode h1,.elder-mode h2,.elder-mode h3,.elder-mode p,.elder-mode label,.elder-mode td,.elder-mode th,.elder-mode button,.elder-mode input,.elder-mode select{font-size:1.2em}.elder-mode button,.elder-mode input,.elder-mode select{min-height:44px}
.auth-header{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 92%, var(--primary) 8%);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.auth-header h1{margin:0;font-size:1.5rem}.menu-trigger{border:1px solid var(--border);background:var(--primary);color:var(--primary-foreground);cursor:pointer;border-radius:10px;padding:8px 12px;font-weight:600}.drawer-backdrop{z-index:30;background:#0518206b;border:0;position:fixed;inset:0}.side-drawer{background:var(--sidebar);width:min(84vw,320px);color:var(--sidebar-foreground);z-index:40;grid-template-rows:auto 1fr;gap:12px;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;box-shadow:0 20px 50px #00000040}.drawer-header{justify-content:space-between;align-items:center;display:flex}.side-drawer ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.side-drawer li button{text-align:left;border:1px solid var(--sidebar-border);background:color-mix(in srgb, var(--sidebar) 93%, var(--primary) 7%);width:100%;color:var(--sidebar-foreground);cursor:pointer;border-radius:10px;padding:10px 12px}.side-drawer li button.active{border-color:var(--sidebar-primary);background:color-mix(in srgb, var(--sidebar-primary) 22%, white 78%);color:color-mix(in srgb, var(--sidebar-primary) 80%, black 20%);font-weight:700}@media (min-width:901px){.side-drawer{width:280px}}
:root{--radius:.65rem;--background:#fff;--foreground:#09090b;--card:#fff;--card-foreground:#09090b;--popover:#fff;--popover-foreground:#09090b;--primary:#62a400;--primary-foreground:#f7fee7;--secondary:#f4f4f5;--secondary-foreground:#18181b;--muted:#f4f4f5;--muted-foreground:#71717b;--accent:#f4f4f5;--accent-foreground:#18181b;--destructive:#e40014;--border:#e4e4e7;--input:#e4e4e7;--ring:#9de500;--chart-1:#7bf1a8;--chart-2:#00c758;--chart-3:#00a544;--chart-4:#008138;--chart-5:#016630;--sidebar:#fafafa;--sidebar-foreground:#09090b;--sidebar-primary:#62a400;--sidebar-primary-foreground:#f7fee7;--sidebar-accent:#f4f4f5;--sidebar-accent-foreground:#18181b;--sidebar-border:#e4e4e7;--sidebar-ring:#9de500;--surface:var(--card);--text-primary:var(--foreground);--text-secondary:var(--muted-foreground);--font-body:"Noto Sans Thai", "Sarabun", sans-serif}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(2.51107% .242703 -.886115);--card:lab(100% 0 0);--card-foreground:lab(2.51107% .242703 -.886115);--popover:lab(100% 0 0);--popover-foreground:lab(2.51107% .242703 -.886115);--primary:lab(61.1055% -41.0235 73.1483);--primary-foreground:lab(98.7039% -5.32573 10.2149);--secondary:lab(96.1634% .0993311 -.364041);--secondary-foreground:lab(8.30603% .618205 -2.16572);--muted:lab(96.1634% .0993311 -.364041);--muted-foreground:lab(47.8878% 1.65477 -5.77283);--accent:lab(96.1634% .0993311 -.364041);--accent-foreground:lab(8.30603% .618205 -2.16572);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.6853% .399232 -1.45452);--input:lab(90.6853% .399232 -1.45452);--ring:lab(83.7876% -45.0447 88.4738);--chart-1:lab(86.9953% -47.2691 25.0054);--chart-2:lab(70.5521% -66.5147 45.8073);--chart-3:lab(59.0978% -58.6621 41.2579);--chart-4:lab(47.0329% -47.0239 31.4788);--chart-5:lab(37.4616% -36.7971 22.9692);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.51107% .242703 -.886115);--sidebar-primary:lab(61.1055% -41.0235 73.1483);--sidebar-primary-foreground:lab(98.7039% -5.32573 10.2149);--sidebar-accent:lab(96.1634% .0993311 -.364041);--sidebar-accent-foreground:lab(8.30603% .618205 -2.16572);--sidebar-border:lab(90.6853% .399232 -1.45452);--sidebar-ring:lab(83.7876% -45.0447 88.4738)}}.dark{--background:#09090b;--foreground:#fafafa;--card:#18181b;--card-foreground:#fafafa;--popover:#18181b;--popover-foreground:#fafafa;--primary:#62a400;--primary-foreground:#f7fee7;--secondary:#27272a;--secondary-foreground:#fafafa;--muted:#27272a;--muted-foreground:#9f9fa9;--accent:#27272a;--accent-foreground:#fafafa;--destructive:#ff6568;--border:#ffffff1a;--input:#ffffff26;--ring:#35530e;--sidebar:#18181b;--sidebar-foreground:#fafafa}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.51107% .242703 -.886115);--foreground:lab(98.26% 0 0);--card:lab(8.30603% .618205 -2.16572);--card-foreground:lab(98.26% 0 0);--popover:lab(8.30603% .618205 -2.16572);--popover-foreground:lab(98.26% 0 0);--primary:lab(61.1055% -41.0235 73.1483);--primary-foreground:lab(98.7039% -5.32573 10.2149);--secondary:lab(15.7305% .613764 -2.16959);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.7305% .613764 -2.16959);--muted-foreground:lab(65.6464% 1.53497 -5.42429);--accent:lab(15.7305% .613764 -2.16959);--accent-foreground:lab(98.26% 0 0);--destructive:lab(63.7053% 60.745 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(31.9931% -20.7654 33.7379);--sidebar:lab(8.30603% .618205 -2.16572);--sidebar-foreground:lab(98.26% 0 0)}}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top right, color-mix(in srgb, var(--primary) 14%, white 86%) 0%, var(--background) 40%);color:var(--foreground);font-family:var(--font-body);margin:0;padding:0}main{max-width:980px;margin:0 auto;padding:24px}.panel{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px color-mix(in srgb, var(--primary) 8%, transparent);padding:16px}.app-shell,.app-shell-main{gap:16px;display:grid}.controls-row{flex-wrap:wrap;gap:10px;display:flex}.control-chip{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 94%, var(--primary) 6%);color:var(--foreground);border-radius:999px;align-items:center;gap:10px;padding:8px 12px;display:inline-flex}.control-chip select,.control-chip input,.form-field input,.form-field select{border:1px solid var(--input);background:var(--background);color:var(--foreground);border-radius:10px;padding:8px 10px}.form-card{gap:12px;display:grid}.form-grid{gap:10px;display:grid}.form-field{color:var(--foreground);gap:6px;font-weight:600;display:grid}.feedback-banner{border:1px solid var(--border);border-radius:12px;margin:0;padding:10px 14px;font-size:15px;line-height:1.4}.feedback-banner.success{background:color-mix(in srgb, var(--primary) 18%, white 82%);color:color-mix(in srgb, var(--primary) 70%, black 30%)}.feedback-banner.info{background:color-mix(in srgb, var(--chart-2) 18%, white 82%);color:color-mix(in srgb, var(--chart-2) 75%, black 25%)}.feedback-banner.error{background:color-mix(in srgb, var(--destructive) 15%, white 85%);color:color-mix(in srgb, var(--destructive) 78%, black 22%)}.ui-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:8px 12px;font-weight:600;display:inline-flex}.ui-button-default{background:var(--primary);color:var(--primary-foreground)}.ui-button-outline{background:var(--background);color:var(--foreground);border-color:var(--border)}.ui-button-ghost{color:var(--foreground);border-color:var(--border);background:0 0}.ui-button-danger{background:var(--destructive);color:#fff}.ui-button:disabled{opacity:.6;cursor:not-allowed}.ui-card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px color-mix(in srgb, var(--primary) 8%, transparent)}.ui-card-header,.ui-card-content{padding:14px 16px}.ui-card-footer{padding:0 16px 14px}.ui-card-title{margin:0;font-size:1.15rem}.ui-card-description{color:var(--muted-foreground);margin:4px 0 0}.history-table{border-collapse:collapse;width:100%}.history-table th,.history-table td{border-bottom:1px solid var(--border);padding:8px}.history-actions{gap:8px;display:inline-flex}.ui-chart-container{width:100%}.ui-chart-tooltip{border:1px solid var(--border);background:var(--card);color:var(--card-foreground);border-radius:12px;min-width:140px;padding:8px 10px;box-shadow:0 12px 28px #0000002e}.ui-chart-tooltip-title{margin:0 0 6px;font-weight:700}.ui-chart-tooltip-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ui-chart-legend-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:10px 0 0;padding:0;list-style:none;display:flex}.ui-chart-tooltip-row,.ui-chart-legend-item{align-items:center;gap:8px;display:flex}.ui-chart-tooltip-row strong{margin-left:auto}.ui-chart-tooltip-count{border-top:1px solid var(--border);color:var(--muted-foreground);margin:8px 0 0;padding-top:6px;font-size:.85rem}.recharts-tooltip-wrapper{z-index:30!important}.ui-chart-dot{border-radius:999px;width:10px;height:10px}.ui-chart-line{width:12px;height:2px}@media (max-width:900px){main{padding:16px}.auth-header{background:color-mix(in srgb, var(--background) 85%, white 15%);z-index:5;padding:8px 0;position:sticky;top:0}}.landing-page{gap:18px;max-width:1080px;padding-bottom:90px;display:grid}.landing-topbar{justify-content:flex-end;display:flex}.landing-language-toggle{gap:8px;display:inline-flex}.landing-hero{border:1px solid var(--border);background:linear-gradient(160deg, color-mix(in srgb, var(--primary) 13%, white 87%) 0%, var(--card) 55%);border-radius:18px;gap:12px;padding:20px;display:grid}.landing-hero-brand{align-items:center;gap:10px;display:inline-flex}.landing-logo{object-fit:contain;width:44px;height:44px}.landing-hero h1{margin:0;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.3}.landing-hero p{color:var(--muted-foreground);margin:0;font-size:1.06rem}.landing-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.landing-section{border:1px solid var(--border);background:var(--card);border-radius:16px;gap:12px;padding:18px;display:grid}.landing-section-head h2{margin:0;font-size:clamp(1.2rem,2vw,1.6rem)}.landing-section-head p{color:var(--muted-foreground);margin:6px 0 0}.landing-grid-3,.landing-grid-2x3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.landing-card{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 93%, var(--primary) 7%);border-radius:12px;gap:8px;padding:12px;display:grid}.landing-card p{margin:0;line-height:1.5}.landing-card-icon{font-size:1.35rem}.landing-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.landing-step{border:1px dashed var(--border);border-radius:12px;gap:8px;padding:12px;display:grid}.landing-step h3,.landing-step p,.landing-note{margin:0}.landing-note{color:var(--muted-foreground)}.landing-dashboard-split{grid-template-columns:1.2fr 1fr;align-items:stretch;gap:12px;display:grid}.landing-bullet-list,.landing-trust-list,.landing-ordered-list{gap:8px;margin:0;padding-left:20px;display:grid}.landing-bullet-list li,.landing-trust-list li{gap:8px;display:flex}.landing-dashboard-mock{border:1px dashed var(--border);text-align:center;background:color-mix(in srgb, var(--card) 90%, var(--chart-1) 10%);min-height:160px;color:var(--muted-foreground);border-radius:12px;place-items:center;padding:12px;display:grid}.landing-start-cta,.landing-cta,.landing-sticky-cta{min-height:48px}.landing-footer{border:1px solid var(--border);background:var(--card);border-radius:16px;gap:12px;padding:18px;display:grid}.landing-footer p,.landing-footer small{color:var(--muted-foreground);margin:0}.landing-footer-links{flex-wrap:wrap;gap:10px;display:flex}.landing-sticky-cta-wrap{z-index:20;display:none;position:fixed;bottom:10px;left:12px;right:12px}.landing-sticky-cta{width:100%}.analytics-consent{z-index:40;border:1px solid var(--border);background:var(--card);border-radius:14px;gap:10px;width:min(420px,100vw - 28px);padding:12px;display:grid;position:fixed;bottom:14px;right:14px;box-shadow:0 14px 26px #00000029}.analytics-consent p{color:var(--foreground);margin:0;font-size:.95rem}.analytics-consent-actions{justify-content:flex-end;gap:8px;display:flex}.shop-page{gap:18px;max-width:1120px;display:grid}.shop-header{border:1px solid var(--border);background:linear-gradient(170deg, color-mix(in srgb, var(--chart-1) 12%, white 88%) 0%, var(--card) 60%);border-radius:16px;gap:8px;padding:18px;display:grid}.shop-header h1,.shop-header p{margin:0}.shop-header p{color:var(--muted-foreground)}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.shop-card{border:1px solid var(--border);background:var(--card);border-radius:14px;min-height:100%;display:grid;overflow:hidden}.shop-card-image{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.shop-card-image-placeholder{background:color-mix(in srgb, var(--muted) 75%, var(--background) 25%)}.shop-card-body{gap:8px;padding:12px;display:grid}.shop-card-body h2,.shop-card-body p{margin:0}.shop-card-body h2{font-size:1rem;line-height:1.45}.shop-card-body p{color:var(--muted-foreground);font-size:.95rem;line-height:1.45}.shop-card-link{border:1px solid var(--border);background:color-mix(in srgb, var(--primary) 14%, white 86%);color:color-mix(in srgb, var(--primary) 65%, black 35%);text-align:center;border-radius:10px;margin:0 12px 12px;padding:10px 12px;font-weight:700;text-decoration:none}.shop-card-link:hover{background:color-mix(in srgb, var(--primary) 22%, white 78%)}@media (max-width:1024px){.shop-grid,.landing-grid-2x3{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-grid-3,.landing-steps,.landing-dashboard-split{grid-template-columns:1fr}}@media (max-width:767px){.landing-page{padding-bottom:106px}.shop-page{padding-bottom:24px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.landing-sticky-cta-wrap{display:block}.shop-header,.shop-card-body{padding:12px}.landing-hero,.landing-section,.landing-footer{padding:14px}.landing-grid-2x3,.landing-grid-3,.landing-steps{grid-template-columns:1fr}}