*{box-sizing:border-box}:root{--bg:#f4f1ec;--card:#fff;--ink:#333;--ink-soft:#8a7a68;--line:#d5cfc5;--brand:#6b4f3a;--brand-soft:#f0e9df;--good:#27a844;--good-soft:#e2f3e5;--bad:#a12626;--bad-soft:#fde8e8}body{background:var(--bg);color:var(--ink);margin:0;padding:16px;font-family:Leelawadee UI,Sarabun,Segoe UI,Tahoma,sans-serif;font-size:16px}.card{background:var(--card);border-radius:14px;max-width:460px;margin:0 auto;padding:22px 20px 26px;box-shadow:0 2px 10px #00000014}.card.wide{max-width:760px}h1{text-align:center;color:var(--brand);margin:0 0 18px;font-size:1.25rem}h2{color:var(--brand);margin:26px 0 10px;font-size:1.05rem}label{margin:14px 0 5px;font-size:.95rem;font-weight:600;display:block}.en{color:#9a8d7d;font-size:.85em;font-weight:400}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:1rem}textarea{resize:vertical;min-height:56px}.price-box{background:var(--brand-soft);text-align:center;color:var(--brand);border-radius:8px;margin-top:10px;padding:12px;font-size:1.3rem;font-weight:700}button,.btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:22px;padding:13px;font-family:inherit;font-size:1.1rem;font-weight:700}button:disabled{background:#b9a999}.btn-small{border-radius:8px;width:auto;margin:0;padding:6px 14px;font-size:.9rem}.btn-danger{background:var(--bad)}.btn-ghost{color:var(--brand);border:1px solid var(--line);background:0 0}.msg{text-align:center;border-radius:8px;margin-top:14px;padding:12px}.msg.ok{background:var(--good-soft);color:#1e6b2e}.msg.err{background:var(--bad-soft);color:var(--bad)}.check-row{cursor:pointer;align-items:center;gap:10px;margin:10px 0 0;font-size:.95rem;font-weight:600;display:flex}.check-row input{width:22px;height:22px;accent-color:var(--brand);margin:0}.check-list{border:1px solid var(--line);border-radius:8px;padding:4px 12px 10px}.radio-row{gap:18px;margin-top:4px;display:flex}.radio-row label{cursor:pointer;align-items:center;gap:8px;margin:0;display:flex}.radio-row input{width:20px;height:20px;accent-color:var(--brand)}.success{text-align:center;padding:30px 0 10px}.check-circle{background:var(--good);color:#fff;border-radius:50%;width:120px;height:120px;margin:0 auto 22px;font-size:68px;font-weight:700;line-height:120px;box-shadow:0 4px 14px #27a84459}.success h2{color:#1e6b2e;text-align:center;margin:0 0 10px;font-size:1.8rem}.success p{color:#666;margin:0 0 6px;font-size:1.05rem}nav.tabs{align-items:center;gap:8px;max-width:460px;margin:0 auto 14px;display:flex}nav.tabs.wide{max-width:760px}nav.tabs.rowa{margin-bottom:6px}nav.tabs a{text-align:center;color:var(--brand);background:var(--card);border:1px solid var(--line);border-radius:10px;flex:1;padding:9px 0;font-size:.95rem;font-weight:700;text-decoration:none}nav.tabs a.active{background:var(--brand);color:#fff;border-color:var(--brand)}nav.tabs form{margin:0}nav.tabs button{width:auto;color:var(--ink-soft);border:1px solid var(--line);background:0 0;border-radius:10px;margin:0;padding:9px 12px;font-size:.85rem;font-weight:400}.tablewrap{overflow-x:auto}table.data tr.editing td{background:var(--brand-soft);vertical-align:top}table.data tr.editing input,table.data tr.editing select{width:100%;min-width:56px;padding:5px 6px;font-size:.88rem}table.data tr.editing .stack{flex-direction:column;gap:5px;min-width:170px;display:flex}table.data tr.editing .btn-small{white-space:nowrap;margin:0}table.data{border-collapse:collapse;width:100%;font-size:.92rem}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--brand-soft);white-space:nowrap;padding:8px 10px}table.data th{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}.totals{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.totals .tile{background:var(--brand-soft);border-radius:10px;padding:10px 14px}.totals .tile .v{color:var(--brand);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700}.totals .tile .k{color:var(--ink-soft);font-size:.8rem}.stars{flex-direction:row-reverse;justify-content:center;gap:8px;margin:10px 0 2px;display:flex}.stars input{opacity:0;width:0;height:0;position:absolute}.stars label{color:#d8d3c6;cursor:pointer;font-size:3.2rem;line-height:1;transition:color .1s}.stars input:checked~label,.stars label:hover,.stars label:hover~label{color:#e8a33d}.grid2{grid-template-columns:1fr 1fr;column-gap:12px;display:grid}.card.wide .grid2{grid-template-columns:repeat(3,1fr)}@media (max-width:700px){.card.wide .grid2{grid-template-columns:1fr 1fr}}@media (max-width:480px){.grid2,.card.wide .grid2{grid-template-columns:1fr}}.inline-form{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.inline-form>div{flex:1;min-width:90px}.inline-form label{margin-top:0;font-size:.8rem}.inline-form input{padding:8px 10px;font-size:.92rem}.inline-form button{margin-top:0}.subtle{color:var(--ink-soft);font-size:.85rem}.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px;display:grid}.kpis .tile{background:var(--brand-soft);border-radius:10px;padding:10px 14px}.kpis .tile .v{color:var(--brand);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.kpis .tile .k{color:var(--ink-soft);font-size:.75rem}.chartbox{height:240px;position:relative}.chartbox.tall{height:340px}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:8px;display:grid}.range-tabs{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.range-tabs a{color:var(--brand);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:600;text-decoration:none}.range-tabs a.active{background:var(--brand);color:#fff;border-color:var(--brand)}.today-banner{background:var(--brand-soft);color:var(--brand);text-align:center;border-radius:8px;margin-bottom:4px;padding:10px 12px;font-weight:700}a.link{color:var(--brand)}