:root{--brand-orange: #F79421;--brand-yellow: #FFF100;--brand-charcoal: #3A3A39;--flat-orange: #FCB614;--flat-yellow: #FDE000;--flat-charcoal: #3A3A39;--white: #ffffff;--offwhite: #f7f7f7;--glass: rgba(58, 58, 57, .55);--shadow-1: 0 6px 24px rgba(0,0,0,.18);--shadow-2: 0 8px 40px rgba(0,0,0,.22);--maxw: 1200px;--header-h: 64px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--offwhite);background:var(--flat-charcoal);font-family:Noto Sans Thai,sans-serif;overflow:auto}#bg-gradient{position:fixed;inset:0;background:linear-gradient(135deg,var(--brand-orange) 0%,var(--brand-yellow) 44%,var(--brand-charcoal) 100%);z-index:0}.stage{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,32px);z-index:3;background:linear-gradient(180deg,#e6e6e6d9,#ffffffed);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:inline-flex;align-items:center;gap:10px;letter-spacing:.5px;font-weight:600}.brand__text strong{font-weight:800}.brand__dot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--flat-yellow),var(--flat-orange));box-shadow:0 0 0 3px #ffffff14,0 0 18px #fde00073}.site-nav .nav-link{color:#000;text-decoration:none;margin-inline:10px;padding:8px 12px;border-radius:8px;transition:transform .15s ease,background-color .15s ease}.site-nav .nav-link.active{background-color:#7878782e}.site-nav .nav-link:hover,.site-nav .nav-link:focus-visible{background-color:#e8ab00;transform:translateY(-1px);outline:none}.hero{position:fixed;inset:0;z-index:2;display:grid;place-content:center;text-align:center;padding:24px;background:#0006}.hero__title{font-size:clamp(40px,6vw,96px);font-weight:800;line-height:1.05;margin:0 0 10px;color:var(--white);text-shadow:0 8px 40px rgba(0,0,0,.35)}.hero__title span{background:linear-gradient(90deg,var(--flat-orange),var(--flat-yellow));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__subtitle{margin:0 auto 28px;max-width:750px;color:#ffffffeb}.hero__subtitle span{background:linear-gradient(90deg,var(--flat-orange),var(--flat-yellow));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{--pad-x: clamp(18px, 3.2vw, 28px);--pad-y: 14px;display:inline-flex;align-items:center;justify-content:center;min-width:210px;padding:var(--pad-y) var(--pad-x);font-weight:700;text-decoration:none;color:var(--flat-charcoal);border-radius:14px;box-shadow:var(--shadow-1);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;will-change:transform}.btn:hover,.btn:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-2);filter:brightness(1.03);outline:none}.btn--agent{background:linear-gradient(90deg,var(--brand-orange),var(--brand-yellow))}.btn--user{background:linear-gradient(90deg,var(--flat-yellow),var(--flat-orange))}.app{position:fixed;top:calc(var(--header-h) + 12px);right:12px;bottom:12px;left:12px;z-index:3;display:none;padding:0;border-radius:16px;background:var(--flat-charcoal);border:1px solid #2c2c2b;box-shadow:var(--shadow-2);color:var(--white);overflow:hidden}.app--visible{display:grid;place-items:center}.app h2,.app h3{margin-top:0}.app a{color:#fff;text-underline-offset:3px}.site-footer{position:fixed;left:0;right:0;bottom:0;height:36px;padding-inline:16px;display:flex;align-items:center;justify-content:center;color:#ffffffd9;z-index:3;pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.35)}@media (prefers-reduced-motion: reduce){.btn,.site-nav .nav-link{transition:none}}.form-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:clamp(16px,2.5vw,24px);box-shadow:var(--shadow-1);max-width:760px}.field{margin-bottom:14px}.field label{display:inline-block;margin-bottom:6px;font-weight:600;color:#000}.req{color:var(--brand-orange)}.field input[type=text],.field input[type=tel],.field input[type=file]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ececec59;color:#000;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.field input::placeholder{color:#fff9}.field input:focus{border-color:var(--flat-yellow);box-shadow:0 0 0 3px #fde00038;background:#3a3a3980}.field-error{margin-top:6px;color:#ffe07a;font-size:.92rem}.help-text{margin-top:6px;color:#ffffffbf;font-size:.9rem}.suggest{position:absolute;top:100%;left:0;right:0;z-index:4;margin-top:6px;padding:6px;list-style:none;border-radius:12px;background:#3a3a39e6;border:1px solid rgba(255,255,255,.18);max-height:260px;overflow:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.suggest__item{padding:10px 12px;border-radius:8px;cursor:pointer}.suggest__item:hover,.suggest__item.is-active{background:#ffffff1a}.suggest__title{font-weight:600;color:#fff}.suggest__meta{font-size:.9rem;color:#ffffffd1}.suggest__hint{padding:8px 10px;color:#ffffffd1}.slip-preview{margin-top:8px;display:grid;gap:8px}.slip-meta{color:#ffffffe6}.slip-preview img{width:180px;height:auto;border-radius:10px;border:1px solid rgba(255,255,255,.18)}.slip-placeholder{display:inline-flex;align-items:center;justify-content:center;width:180px;height:120px;border-radius:10px;border:1px dashed rgba(255,255,255,.3);color:#ffffffe6}.btn--primary{background:linear-gradient(90deg,var(--brand-orange),var(--brand-yellow));color:var(--flat-charcoal)}.btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}.actions{display:flex;gap:10px;margin-top:10px}.json-preview{margin:0;white-space:pre-wrap;word-break:break-word;background:#00000040;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.14)}.form{display:grid;gap:18px;max-width:820px}.field{display:grid;gap:8px}.field-row{display:grid;grid-template-columns:220px 1fr;gap:16px}@media (max-width: 640px){.field-row{grid-template-columns:1fr}}.label{font-weight:600;color:#fff}.req{color:var(--flat-yellow)}.control{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;outline:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.control::placeholder{color:#ffffffa6}.control:focus{border-color:var(--flat-yellow);box-shadow:0 0 0 4px #fde00026;background:#ffffff1f}.field--error .control{border-color:#ff7474;box-shadow:0 0 0 4px #ff747426}.flex-2{flex:2}.btn-outline,.btn-solid,.btn-mini{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:10px 16px}.btn-outline{background:transparent;border-color:#ffffff59;color:#fff}.btn-outline:hover{border-color:#ffffffbf}.btn-solid{color:var(--flat-charcoal);background:linear-gradient(90deg,var(--brand-orange),var(--brand-yellow));box-shadow:var(--shadow-1)}.btn-mini{padding:8px 12px;font-weight:700;color:var(--flat-charcoal);background:linear-gradient(90deg,var(--flat-yellow),var(--flat-orange));border:none}.suggestions{margin:6px 0 0;padding:6px;list-style:none;background:#3a3a39d9;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:var(--shadow-2);max-height:260px;overflow:auto}.suggestions li:hover,.suggestions li:focus{outline:none;background:#ffffff1f}.pill{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;margin-top:8px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18)}.file-meta{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;gap:6px;color:#ffffffe6}.file-type{opacity:.8}.hint{margin-top:6px;opacity:.85}.advanced{margin-top:6px}.advanced summary{cursor:pointer;color:#ffffffe6}.advanced-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.advanced-grid{grid-template-columns:1fr}}.user-center{width:100%;min-height:100%;display:grid;justify-items:center;align-items:start;padding:clamp(24px,4vw,48px) 16px;row-gap:16px}.user-card{margin-top:3rem;width:min(820px,100%);background:#2f2f2e;border:1px solid #3d3d3c;border-radius:16px;padding:clamp(18px,3vw,28px);box-shadow:var(--shadow-2)}.user-title{margin:0 0 6px}.user-sub{margin:0 0 16px;opacity:.9}.form{display:grid;gap:16px}.field-row-3{display:grid;grid-template-columns:160px 1fr 1fr;gap:12px}@media (max-width: 720px){.field-row-3{grid-template-columns:1fr}}.control{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #4a4a49;background:#f3f3f3;color:#000;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.control::placeholder{color:#ffffffb3}.control:focus{border-color:var(--flat-yellow);box-shadow:0 0 0 4px #fde0002e;background:#4c4c4b}.field--error .control{border-color:#ff7474;box-shadow:0 0 0 4px #ff74742e}.error{color:#ffd2d2;font-size:.92rem}.btn-mini{padding:8px 12px;font-weight:700;color:var(--flat-charcoal);background:linear-gradient(90deg,var(--flat-yellow),var(--flat-orange));border:none;border-radius:10px;cursor:pointer}.btn-mini.danger{background:linear-gradient(90deg,#ffb0b0,#ff7f7f);color:#3a3a39}.combo{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.suggestions{margin:6px 0 0;padding:6px;list-style:none;background:#2b2b2a;border:1px solid #3d3d3c;border-radius:12px;box-shadow:var(--shadow-2);max-height:260px;overflow:auto}.suggestions li{padding:10px 12px;border-radius:8px;cursor:pointer}.suggestions li:hover,.suggestions li:focus{outline:none;background:#3a3a39}.s-title{font-weight:700;color:#fff}.s-meta{font-size:.9rem;opacity:.85}.hint{margin-top:6px;opacity:.9}.pill{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;margin-top:8px;border-radius:999px;background:#3a3a39;border:1px solid #4a4a49}.file-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.file-meta{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;gap:6px;color:#fffffff2}.file-name{font-weight:700}.file-type{opacity:.9}.actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn-outline{background:#3a3a39;border:1px solid #5a5a59;color:#fff;border-radius:12px;padding:10px 16px;font-weight:700;cursor:pointer}.btn-outline:hover{border-color:#8a8a88}.btn-solid{color:var(--flat-charcoal);background:linear-gradient(90deg,var(--brand-orange),var(--brand-yellow));box-shadow:var(--shadow-1);border-radius:12px;padding:10px 16px;font-weight:700;cursor:pointer}.btn-solid:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.2)}.slip-card{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;padding:16px;border-radius:16px;background:#fff;border:1px solid #e7e7e7;box-shadow:0 6px 24px #00000014;color:#2a2a2a;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease,transform .04s ease}.slip-card:hover{box-shadow:0 10px 36px #0000001f;border-color:#e0e0e0}.slip-card.is-drag{border-color:#f6c800;box-shadow:0 0 0 4px #fde00040,0 12px 40px #0000002e}.slip-thumb{width:120px;height:120px;border-radius:12px;background:#f6f6f6;display:grid;place-items:center;overflow:hidden;border:1px solid #ececec}.slip-thumb img{width:100%;height:100%;object-fit:cover}.slip-empty{color:#9c9c9c}.slip-pdf{position:relative;width:100%;height:100%;background:repeating-linear-gradient(135deg,#f9f9f9,#f9f9f9 10px,#f1f1f1 10px 20px);display:grid;place-items:center}.slip-pdf__badge{display:inline-block;background:#ff5757;color:#fff;font-weight:800;letter-spacing:.5px;padding:6px 10px;border-radius:999px;box-shadow:0 6px 16px #ff575759}.slip-body{min-width:0}.slip-title{font-weight:800;font-size:1.05rem;margin-bottom:2px;color:#2a2a2a}.slip-sub{color:#6d6d6d;font-size:.95rem;margin-bottom:10px}.slip-actions{display:flex;gap:10px;margin-bottom:8px}.btn-slip{appearance:none;border:1px solid #e0e0e0;background:#fff;color:#2a2a2a;font-weight:700;border-radius:10px;padding:8px 14px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.btn-slip:hover{border-color:#c9c9c9;box-shadow:0 6px 18px #00000012}.btn-slip.danger{border-color:#ffd0d0;background:#fff5f5;color:#b21f1f}.slip-meta-light{display:grid;grid-template-columns:1fr auto;gap:6px;color:#3c3c3c}.slip-meta-light .file-name{font-weight:700;color:#222}.slip-meta-light .file-type{color:#666}@media (max-width: 560px){.slip-card{grid-template-columns:1fr}.slip-thumb{width:100%;height:160px}}.is-light{color:#222;background:#f7f7f7}.is-light .site-header{background:#fff;color:#2a2a2a;border-bottom:1px solid #eaeaea;-webkit-backdrop-filter:none;backdrop-filter:none}.is-light .site-header .nav-link{color:#333}.is-light .site-header .nav-link.active{background-color:#e1e1e1e8}.is-light .site-header .nav-link:hover,.is-light .site-header .nav-link:focus-visible{background-color:#e8ab00}.is-light .app{background:#fff;border:1px solid #e6e6e6;color:#222}.is-light .user-card{background:#fff;border:1px solid #e8e8e8;color:#222}.is-light .label,.is-light .user-title,.is-light .user-sub,.is-light .s-title,.is-light .s-meta,.is-light .pill,.is-light .file-meta,.is-light .error,.is-light .hint{color:#2a2a2a}.is-light .user-sub{opacity:.9}.is-light .control{border:1px solid #dadada;background:#fff;color:#222}.is-light .control::placeholder{color:#999}.is-light .control:focus{border-color:var(--flat-yellow);box-shadow:0 0 0 4px #fde0002e;background:#fff}.is-light .field--error .control{border-color:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b2e}.is-light .error{color:#b00020}.is-light .suggestions{background:#fff;border:1px solid #e6e6e6;box-shadow:0 10px 30px #0000001a}.is-light .suggestions li:hover,.is-light .suggestions li:focus{background:#f3f3f3}.is-light .s-title{color:#222}.is-light .s-meta{color:#666}.is-light .pill{background:#f7f7f7;border:1px solid #e6e6e6;color:#333}.is-light .btn-outline{background:#fff;color:#222;border:1px solid #d9d9d9}.is-light .btn-outline:hover{border-color:#bdbdbd}.is-light .btn-solid{color:var(--flat-charcoal);background:linear-gradient(90deg,var(--brand-orange),var(--brand-yellow));box-shadow:var(--shadow-1)}.is-light .btn-mini{color:var(--flat-charcoal);background:linear-gradient(90deg,var(--flat-yellow),var(--flat-orange))}.is-light .btn-mini.danger{background:linear-gradient(90deg,#ffb0b0,#ff7f7f);color:#3a3a39}.is-light .suggestions,.is-light .suggestions li,.is-light .hint{color:#2a2a2a}.is-light .site-footer{color:#444;text-shadow:none}