:root{--bg-app: #f5f6fa;--bg-sidebar: #f5f6fa;--bg-card: #ffffff;--bg-sunken: #eef0f7;--bg-hover: rgba(17, 46, 129, .05);--ink: #161b28;--ink-2: #3a4256;--muted: #69707f;--muted-2: #a0a6b4;--line: rgba(17, 46, 129, .09);--line-strong: rgba(17, 46, 129, .16);--accent: #112E81;--accent-ink: #0b2059;--accent-bg: #e6eaf6;--accent-bg-2: #d3daee;--active: #d3daee;--selected: var(--accent);--selected-soft: color-mix(in srgb, var(--accent) 22%, transparent);--brand-ring: #0b2059;--green: #1f8a5b;--green-bg: #e3f2ec;--green-ink: #155c3b;--amber: #b87514;--amber-strong: #d98b16;--amber-bg: #fdf3e0;--amber-line: #f2d49b;--amber-ink: #6b4410;--gold: #112E81;--gold-ink: #0b2059;--red: #c8472f;--red-bg: #fbeae6;--red-line: #f2c2b6;--red-ink: #9a2f1e;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 26px;--r-pill: 999px;--pad: 16px;--ease-out: cubic-bezier(.23, 1, .32, 1);--dur-quick: .12s;--dur-enter: .2s;--dur-exit: .14s;--shadow-card: 0 1px 2px rgba(17,24,48,.05), 0 8px 24px -12px rgba(17,24,48,.12);--shadow-pop: 0 12px 40px -10px rgba(17,24,48,.28);--shadow-pill: 0 1px 3px rgba(17,24,48,.1), 0 4px 12px -4px rgba(17,24,48,.14);--shadow-nav-active: 0 1px 2px rgba(17,24,48,.05), 0 2px 6px -3px rgba(17,24,48,.08);--font-ui: "IBM Plex Sans Thai", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--font-doc: "Sarabun", "IBM Plex Sans Thai", serif;--bg: var(--bg-app);--sidebar: var(--bg-sidebar);--panel: var(--bg-card);--text: var(--ink);--faint: var(--muted-2);--border: var(--line);--border-strong: var(--line-strong);--hover: var(--bg-hover);--accent-strong: var(--accent-ink);--accent-soft: var(--accent-bg);--scrim: rgba(10, 18, 40, .45);--doc-gavel-bg: #e9ecfa;--doc-gavel-fg: #3f52b5;--doc-tag-bg: #fbe9f1;--doc-tag-fg: #b03e72}[data-theme=dark]{--bg-app: #0f1320;--bg-sidebar: #0f1320;--bg-card: #181d2c;--bg-sunken: #12172a;--bg-hover: rgba(255, 255, 255, .05);--ink: #eaecf4;--ink-2: #b7becd;--muted: #98a0b3;--muted-2: #606a80;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--accent: #5c78d6;--accent-ink: #8497e4;--accent-bg: #1c2440;--accent-bg-2: #242e4c;--active: #242e4c;--brand-ring: #eaecf4;--green: #43c98a;--green-bg: #14291f;--green-ink: #7ee0b0;--amber: #d99a3f;--amber-strong: #efb45e;--amber-bg: #2a2210;--amber-line: #46381a;--amber-ink: #efc486;--gold: #5c78d6;--gold-ink: #8497e4;--red: #ec8576;--red-bg: #2f1c19;--red-line: #4d2b25;--red-ink: #f0a99b;--scrim: rgba(0, 0, 0, .6);--doc-gavel-bg: #23284a;--doc-gavel-fg: #aab6f0;--doc-tag-bg: #3a2333;--doc-tag-fg: #e79ec2;--shadow-card: 0 1px 2px rgba(0,0,0,.5), 0 8px 24px -12px rgba(0,0,0,.7);--shadow-pop: 0 12px 40px -10px rgba(0,0,0,.8);--shadow-pill: 0 1px 3px rgba(0,0,0,.5), 0 4px 12px -4px rgba(0,0,0,.6);--shadow-nav-active: 0 1px 2px rgba(0,0,0,.25), 0 2px 6px -3px rgba(0,0,0,.3)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg-app);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}::selection{background:var(--accent-bg-2)}:where(a,button,[role=button],[tabindex],summary):focus-visible{outline:2px solid var(--selected);outline-offset:2px}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-pill);border:3px solid transparent;background-clip:content-box}.scroll::-webkit-scrollbar-thumb:hover{background:var(--muted-2);background-clip:content-box}.theme-toggle-btn:hover{background:var(--bg-hover)!important;color:var(--ink)!important}.hist-row{cursor:pointer;transition:background .12s}.hist-row:hover{background:var(--bg-hover)}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes selPop{0%{opacity:0;transform:scaleY(.92) translateY(-2px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulseWarn{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--wfg) 18%,transparent)}}@keyframes sbReveal{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@keyframes spinY{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.ai-fab-spin,.ai-fab:hover .ai-fab-spin{animation:spinY .6s ease both}@keyframes phIn{0%{transform:translateY(9px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes phOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-9px);opacity:0}}@keyframes aiBounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-4px);opacity:1}}.ai-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);display:inline-block;animation:aiBounce 1s ease-in-out infinite}@keyframes govaiSpin{to{transform:rotate(360deg)}}.ai-loader-logo{width:22px;height:22px;display:inline-block;animation:govaiSpin 1s linear infinite;transform-origin:50% 50%}.ai-chat-text{font-family:"Bai Jamjuree",var(--font-ui)}.ai-copy-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:none;background:transparent;color:var(--muted);border-radius:var(--r-sm);font-size:12.5px;font-family:inherit;cursor:pointer;transition:background var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out)}.ai-copy-btn:hover{background:var(--bg-hover);color:var(--ink-2)}.ai-hist-row:hover{background:var(--bg-hover)!important}.ai-hist-del:hover{background:var(--red-bg)!important;color:var(--red)!important}.ai-top-btn{transition:background var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out)}.ai-top-btn:hover{background:var(--bg-hover)!important;color:var(--ink)!important}.ai-upgrade-btn:hover{background:var(--amber-line)!important;box-shadow:0 2px 8px -3px #b8751466}.ai-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:var(--r-sm);font-family:inherit;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer;text-align:start;transition:background var(--dur-quick) var(--ease-out)}.ai-menu-item:hover{background:var(--bg-hover)}.ai-menu-danger{color:var(--red)}.ai-menu-danger:hover{background:var(--red-bg)}.ai-chip-x:hover{background:var(--bg-hover);color:var(--ink-2)}.ai-clarify-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:start;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-card);color:var(--ink);font-family:inherit;font-size:14.5px;font-weight:600;cursor:pointer;transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out),transform var(--dur-exit) var(--ease-out);animation:fadeUp var(--dur-enter) var(--ease-out) both}.ai-clarify-opt:hover:not(:disabled){border-color:var(--accent);background:var(--accent-bg);box-shadow:0 2px 10px -4px color-mix(in srgb,var(--accent) 45%,transparent)}.ai-clarify-opt:active:not(:disabled){transform:scale(.99)}.ai-clarify-opt:disabled{opacity:.55;cursor:default}.ai-quick-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:start;padding:13px 16px;border:none;background:transparent;color:var(--ink);font-family:inherit;font-size:14.5px;font-weight:600;white-space:normal;cursor:pointer;transition:background var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out)}.ai-quick-opt:hover:not(:disabled){background:var(--accent-bg);color:var(--accent-ink)}.ai-quick-opt:active:not(:disabled){background:var(--accent-bg)}.ai-quick-opt:disabled{opacity:.55;cursor:default}.ai-draft-cta{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:14px 16px;border:none;border-radius:16px;background:var(--accent);color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;animation:fadeUp var(--dur-enter) var(--ease-out) both;box-shadow:0 4px 14px -4px color-mix(in srgb,var(--accent) 60%,transparent);transition:filter var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),transform var(--dur-exit) var(--ease-out)}.ai-draft-cta:hover:not(:disabled){filter:brightness(1.07);box-shadow:0 6px 20px -5px color-mix(in srgb,var(--accent) 72%,transparent)}.ai-draft-cta:active:not(:disabled){transform:scale(.99)}.ai-draft-cta:disabled{opacity:.6;cursor:not-allowed}.warnbox.lvl-error,.warnbox.lvl-warn{border-width:2px;animation:pulseWarn 2.4s ease-in-out infinite}.warnbox.lvl-error:before,.warnbox.lvl-warn:before{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:4px;border-radius:var(--r-xs);background:var(--wfg)}.warnbox{position:relative;padding-inline-start:26px!important}.out-grid .preview-btn:hover .view-pill{opacity:1!important}.out-grid .preview-btn:hover .hover-view{background:color-mix(in srgb,var(--accent) 10%,transparent)!important}.view-pill{pointer-events:none}.doc-pdf-view{width:100%;height:100%;min-height:70vh}@keyframes pdfSpin{to{transform:rotate(360deg)}}.doc-pdf-spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line-strong);border-top-color:var(--accent);animation:pdfSpin .7s linear infinite}.doc-view-toggle button:hover{color:var(--ink-2)}.doc-zoom button:not(:disabled):hover{background:var(--bg-card);box-shadow:var(--shadow-pill)}.doc-zoom-pct:hover{color:var(--accent-ink)!important}.screen-pad{margin-inline:auto}.proj-row{transition:background var(--dur-quick) var(--ease-out)}.proj-row:hover{background:var(--bg-sunken)}@media(max-width:920px){:root{--menu-display: flex;--overlay-display: block}.sb{position:fixed!important;inset-inline-start:0;top:0;transform:translate(-105%);transition:transform .25s ease;box-shadow:var(--shadow-pop)}.sb.open{transform:none}.review-grid,.dash-grid,.two-col,.card-grid{grid-template-columns:1fr!important}.list-rail{position:static!important;width:100%!important;max-height:none!important}.list-layout{flex-direction:column!important}.list-main{border-inline-start:none!important;margin-inline-start:0!important;padding-inline-start:0!important}.upgrade-cards{grid-template-columns:1fr!important}header,.screen-pad{padding-inline:22px!important}}@media(max-width:760px){.li-head,.hist-head{display:none!important}.li-row{grid-template-columns:1fr 1fr!important;gap:10px!important;padding:14px;background:var(--bg-sunken);border-radius:var(--r-md)}.li-row>:first-child{grid-column:1 / -1}.hist-row{grid-template-columns:1fr auto!important;gap:6px 14px!important}.hist-row>:nth-child(2),.hist-row>:nth-child(4){display:none}.doc-tabs{display:none!important}}@media print{.sb,.menu-btn{display:none!important}}.margin-panel input[type=number]::-webkit-outer-spin-button,.margin-panel input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.margin-panel input[type=number]{-moz-appearance:textfield}.margin-panel input[type=number]:focus{outline:none;border-color:var(--selected);background:var(--bg-card);box-shadow:0 0 0 3px var(--selected-soft)}.login-screen{min-height:100vh;width:100%;display:flex;background:var(--bg-card)}.login-brand-panel{flex:1.15;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:clamp(28px,4.5vw,56px);background:radial-gradient(120% 90% at 88% -12%,rgba(92,120,214,.38),transparent 58%),radial-gradient(90% 70% at -8% 112%,rgba(6,18,52,.85),transparent 55%),linear-gradient(160deg,#0b2059,#112e81 56%,#1d3f9c 120%);--brand-ring: rgba(255, 255, 255, .95);--accent: #7d95e8}.login-ring{position:absolute;border:1.5px solid rgba(255,255,255,.1);border-radius:999px;pointer-events:none}.login-ring--dot{position:absolute;width:13px;height:13px;border-radius:999px;background:#ffffff4d;pointer-events:none}.login-brand-top{position:relative;display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-.01em}.login-brand-hero{position:relative;display:grid;gap:18px;justify-items:start;max-width:30rem}.login-mascot{animation:login-float 6s ease-in-out infinite;filter:drop-shadow(0 18px 30px rgba(4,12,40,.5))}.login-hero-title{font-size:clamp(26px,2.6vw,36px);font-weight:700;line-height:1.3;letter-spacing:-.02em}.login-hero-sub{font-size:14.5px;line-height:1.75;color:#ffffffbd;max-width:26rem}.login-brand-foot{position:relative;display:flex;flex-wrap:wrap;gap:8px}.login-chip{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;line-height:1;color:#ffffffd1;border:1px solid rgba(255,255,255,.22);padding:8px 13px;border-radius:999px;background:#ffffff0f}.login-form-panel{flex:1;display:grid;place-items:center;padding:clamp(24px,4vw,56px);background:var(--bg-card)}.login-card{width:min(340px,100%);display:grid;gap:10px;justify-items:center;text-align:center}.login-card>*{animation:fadeUp .45s var(--ease-out) both}.login-card>*:nth-child(2){animation-delay:.05s}.login-card>*:nth-child(3){animation-delay:.1s}.login-card>*:nth-child(4){animation-delay:.15s}.login-card>*:nth-child(5){animation-delay:.2s}.login-card>*:nth-child(6){animation-delay:.25s}.login-heading{font-size:24px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin-top:6px}.login-sub{font-size:13.5px;line-height:1.7;color:var(--muted)}.login-google{display:flex;justify-content:center;min-height:44px;margin-top:10px}.login-note{font-size:12.5px;line-height:1.7;color:var(--muted-2);margin-top:8px}.login-error{font-size:13px;color:var(--red)}.login-mobile-brand{display:none}@keyframes login-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(max-width:880px){.login-brand-panel,.login-mark{display:none}.login-mobile-brand{display:grid;justify-items:center;gap:8px}}