:root{--font-ui: "Public Sans", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--font-paper: Arial, sans-serif;--font-paper-thai: "Sarabun", "Noto Sans Thai", Tahoma, Arial, sans-serif;--font-mono: "SF Mono", Menlo, Consolas, monospace;--color-accent: #4f46e5;--color-accent-hover: #3730a3;--color-text-heading: #0f172a;--color-text-strong: #1e293b;--color-text-body: #334155;--color-text-body-2: #475569;--color-text-muted: #64748b;--color-text-muted-2: #94a3b8;--color-text-muted-3: #a3afc2;--color-text-table-head: #8a97ab;--color-placeholder: #a9b2c0;--color-border: #e9edf5;--color-border-2: #eef1f7;--color-border-3: #dde3ed;--color-border-4: #cbd5e1;--color-border-5: #94a3b8;--color-border-open: #5b7cb5;--color-border-open-soft: #8fa8cd;--color-border-edit: #a5b4fc;--color-surface: #fff;--color-bg: #f8fafc;--color-bg-2: #f1f5f9;--color-bg-3: #f4f6fa;--color-bg-4: #fbfcfe;--color-preview-bg: #dfe4ea;--status-draft-bg: #fef3c7;--status-draft-text: #92400e;--status-draft-border: #fbe7b4;--status-inprogress-bg: #dbeafe;--status-inprogress-text: #1d4ed8;--status-inprogress-border: #bfdbfe;--status-approved-bg: #ecfdf5;--status-approved-text: #047857;--status-approved-strong: #16a34a;--status-rejected-bg: #fee2e2;--status-rejected-text: #991b1b;--status-rejected-border: #fca5a5;--color-destructive: #b04a4a;--role-admin-bg: #eef2ff;--role-admin-text: #4338ca;--role-salescoord-bg: #f1f5f9;--role-salescoord-text: #475569;--role-sectionhead-bg: #ecfdf5;--role-sectionhead-text: #047857;--role-sales-bg: #fff7ed;--role-sales-text: #c2410c;--role-logistics-bg: #eff6ff;--role-logistics-text: #1d4ed8;--role-viewer-bg: #f8fafc;--role-viewer-text: #64748b;--radius-card: 14px;--radius-pill: 999px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 11px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 18px;--shadow-card: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-modal: 0 24px 70px rgba(0, 0, 0, .35);--scrim: rgba(20, 28, 42, .5);--shadow-paper: 0 3px 16px rgba(0, 0, 0, .12);--space-card-pad: 28px;--space-field-gap: 15px;--control-height: 44px;--control-height-compact: 32px;--control-height-sm: 34px;--control-height-md: 38px;--control-height-lg: 40px;--control-height-xl: 42px;--control-height-action: 48px;--shadow-menu: 0 10px 26px rgba(20, 30, 50, .18);--shadow-sticky-top: 0 -8px 22px -14px rgba(15, 23, 42, .35);--shadow-accent-lift: 0 10px 22px -12px rgba(79, 70, 229, .95);--shadow-accent-sm: 0 1px 2px rgba(79, 70, 229, .25);--shadow-row: 0 1px 2px rgba(15, 23, 42, .04);--toast-success: #1f6b4d;--toast-error: #b04a4a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--color-text-body);background:var(--color-bg);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}input,textarea,button,select{font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e51f}input::placeholder,textarea::placeholder{color:var(--color-placeholder)}input,textarea{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}button{transition:background-color .16s ease,box-shadow .16s ease,color .16s ease,border-color .16s ease,transform .1s ease}button:not(:disabled):hover{filter:brightness(1.04)}button:not(:disabled):active{transform:translateY(1px)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#d3dae4;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#bec8d6}::-webkit-scrollbar-track{background:transparent}.pill:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px;vertical-align:middle;position:relative;top:-1px}.navitem:hover{background:#f1f5f9!important}.navitem-on:hover{background:#e4e9ff!important}.drag-item{cursor:grab}.drag-item:active{cursor:grabbing}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{background:var(--color-accent);color:#fff;border:none;border-radius:10px;height:var(--control-height);padding:0 20px;font-weight:600;cursor:pointer}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-card-pad)}.field-group{display:flex;flex-direction:column;gap:var(--space-field-gap)}.field-group label{font-size:13px;color:var(--color-text-body-2);margin-bottom:6px;display:block}.field-group input{width:100%;height:var(--control-height);border:1px solid var(--color-border-4);border-radius:8px;padding:0 14px;font-size:14px;font-family:inherit}.field-group input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.signin-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 15% 0%,#2c4877,#1b2e4d 55%,#16253e);padding:24px}.signin-card{width:400px;background:var(--color-surface);border-radius:20px;box-shadow:0 30px 70px -20px #080f1e8c;padding:40px 38px}.signin-logo{height:58px;width:auto;display:inline-block;margin-bottom:10px}.signin-lockup{text-align:center;margin-bottom:10px}.signin-caption{font-size:15px;color:var(--color-text-muted-2)}.signin-title{font-size:26px;margin:24px 0 6px;font-weight:700;color:var(--color-text-heading);letter-spacing:-.02em}.signin-subtitle{margin:0 0 24px;font-size:14px;color:var(--color-text-muted)}.signin-card label{display:block;font-size:16px;font-weight:600;color:var(--color-text-body);margin-bottom:6px}.signin-card input{width:100%;padding:11px 12px;border:1px solid var(--color-border-4);border-radius:var(--radius-xl);font-size:15px;margin-bottom:14px}.signin-submit{width:100%;margin-top:12px;background:var(--color-accent);color:#fff;border:none;padding:13px;border-radius:var(--radius-xl);font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #1018281f}.signin-submit:disabled{opacity:.6;cursor:not-allowed}.signin-error{color:var(--status-rejected-text);background:var(--status-rejected-bg);border:1px solid var(--status-rejected-border);border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:14px}.signin-footer{text-align:center;color:var(--color-text-muted-2);font-size:12px;margin-top:22px}.status-pill{display:inline-block;flex:none;font-size:11.5px;font-weight:600;letter-spacing:.2px;padding:5px 11px;border-radius:var(--radius-pill);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.status-draft{background:var(--status-draft-bg);color:var(--status-draft-text);border:1px solid var(--status-draft-border)}.status-inprogress{background:var(--status-inprogress-bg);color:var(--status-inprogress-text);border:1px solid var(--status-inprogress-border)}.status-approved{background:var(--status-approved-bg);color:var(--status-approved-text);border:1px solid #c9f5da}.status-rejected{background:var(--status-rejected-bg);color:var(--status-rejected-text);border:1px solid var(--status-rejected-border)}.paper{width:794px;min-height:1123px;box-sizing:border-box;margin:0 auto 24px;background:#fff;box-shadow:var(--shadow-paper);font-family:var(--font-paper);color:#111;line-height:1.55}@page{size:A4;margin:10mm}@media print{body,.doc-zoom-wrap{zoom:1!important}.paper{zoom:.96!important}body *{visibility:hidden!important}.print-root,.print-root *{visibility:visible!important}.print-root{position:absolute!important;left:0;top:0;width:100%!important;height:auto!important;overflow:visible!important;padding:0!important;background:#fff!important}.paper{width:auto!important;min-height:0!important;margin:0 auto!important;padding:0!important;box-shadow:none!important;page-break-after:always;break-after:page}.paper:last-child{page-break-after:auto;break-after:auto}.chrome{display:none!important}}