:root{color:#3f3936;--card:#ffffffc7;--line:#5a413221;--accent:#75c8a8;--accent-2:#f4b7a7;--accent-3:#ffd98e;--text-soft:#7b6d66;--shadow:0 18px 60px #59433224;background:#fff8ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#aee6cd73,#0000 35%),radial-gradient(circle at 100% 0,#ffd98e73,#0000 33%),linear-gradient(135deg,#fff8ef 0%,#f7fbff 48%,#fff2f2 100%);min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:#fff;cursor:pointer;background:#3d6f5b;border:0;border-radius:16px;padding:12px 16px;font-weight:750;box-shadow:0 10px 28px #3d6f5b2e}button.ghost{color:#4d4038;border:1px solid var(--line);box-shadow:none;background:#ffffffb8}button:disabled{opacity:.55;cursor:wait}input,textarea,select{border:1px solid var(--line);color:#403833;background:#fffc;border-radius:16px;outline:none;width:100%;padding:12px 14px}textarea{resize:vertical;min-height:140px}label{color:#5b4a42;gap:7px;font-weight:700;display:grid}.app-shell{grid-template-columns:310px minmax(0,1fr);gap:22px;min-height:100vh;padding:22px;display:grid}.side-nav{flex-direction:column;gap:16px;height:calc(100vh - 44px);display:flex;position:sticky;top:22px}.brand-card,.session-card,.panel,.metric,.hero-panel{background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffffb3;border-radius:28px}.brand-card{align-items:center;gap:14px;padding:16px;display:flex}.brand-card img{object-fit:cover;border-radius:22px;width:64px;height:64px}.brand-card strong{font-size:20px;display:block}.brand-card span,.muted{color:var(--text-soft);font-size:14px}nav{gap:10px;display:grid}nav button{color:#564740;border:1px solid var(--line);box-shadow:none;background:#ffffffa3;justify-content:space-between;align-items:center;display:flex}nav button.active{color:#fff;background:#3d6f5b}nav b{color:#fff;background:#ff8d78;border-radius:999px;place-items:center;min-width:28px;height:28px;font-size:12px;display:grid}.session-card{gap:10px;margin-top:auto;padding:16px;display:grid}.workspace{align-content:start;gap:18px;min-width:0;display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:8px 4px;display:flex}.topbar h1{letter-spacing:-.04em;margin:0;font-size:clamp(28px,5vw,52px)}.topbar p{color:var(--text-soft);margin:0 0 6px}.status-pill{border:1px solid var(--line);color:#65554e;background:#ffffffa6;border-radius:999px;padding:10px 14px}.grid{gap:18px;display:grid}.home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{grid-column:1/-1;grid-template-columns:1.1fr .9fr;align-items:center;display:grid;overflow:hidden}.hero-panel>div{padding:32px}.hero-panel p{color:var(--text-soft);margin:0 0 8px}.hero-panel h2{letter-spacing:-.06em;margin:0;font-size:clamp(40px,8vw,86px)}.hero-panel img{object-fit:cover;align-self:stretch;width:100%;max-height:280px}.metric{gap:8px;padding:20px;display:grid}.metric span{color:var(--text-soft);font-weight:700}.metric strong{letter-spacing:-.04em;font-size:clamp(24px,3vw,34px)}.metric p{color:var(--text-soft);margin:0;font-size:13px}.panel{padding:20px}.panel h2{letter-spacing:-.02em;margin:0 0 14px}.panel-illustration{object-fit:cover;border-radius:22px;width:100%;max-height:220px;margin-bottom:12px}.list-row,.review-card{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.list-row span,.review-card span{color:var(--text-soft);margin-top:4px;font-size:13px;display:block}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.button-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.preview-card,.review-card,.empty,.warn,.mini-form{border:1px solid var(--line);background:#ffffff9e;border-radius:22px;margin-top:14px;padding:16px}.preview-card h3{margin:8px 0}.preview-card p{color:var(--text-soft);margin:0 0 8px}.preview-card span{color:var(--text-soft);font-size:13px;display:block}.warn{color:#7d5820;background:#fff4de}.empty{color:var(--text-soft);text-align:center}.thai-pre{white-space:pre-wrap;background:#ffffff8a;border-radius:18px;padding:16px;line-height:1.65}.mini-form{grid-template-columns:1fr 120px 160px auto;align-items:center;gap:10px;display:grid}@media (width<=980px){.app-shell{grid-template-columns:1fr;padding:14px}.side-nav{height:auto;position:static}nav{grid-template-columns:repeat(5,minmax(96px,1fr));overflow-x:auto}.session-card{margin-top:0}.home-grid,.two-cols,.hero-panel{grid-template-columns:1fr}.hero-panel img{max-height:200px}.topbar{flex-direction:column;align-items:flex-start}.form-grid,.mini-form{grid-template-columns:1fr}}