:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-color:#f3f6fb;--panel-bg:#fffffff0;--panel-solid:#fff;--panel-border:#dce3ed;--text-primary:#172033;--text-secondary:#526078;--text-muted:#718096;--accent-primary:#6657d9;--accent-secondary:#2563eb;--accent-glow:#6657d91f;--sidebar-bg:#fff;--input-bg:#f8fafc;--subtle-bg:#17203309;--overlay:#0f172a85;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--danger:#ef4444;--danger-bg:#ef44441a;--info:#06b6d4;--info-bg:#06b6d41a;--sidebar-width:260px;--transition-speed:.25s;background-color:var(--bg-color);color:var(--text-primary);font-family:Prompt,Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#080d17;--panel-bg:#192437f0;--panel-solid:#192437;--panel-border:#ffffff21;--text-primary:#f7f9fc;--text-secondary:#a8b4c7;--text-muted:#74839a;--accent-primary:#9b87f5;--accent-secondary:#60a5fa;--accent-glow:#9b87f529;--sidebar-bg:#0e1625;--input-bg:#111b2c;--subtle-bg:#ffffff09;--overlay:#000000a6}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}body{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent-secondary) 7%, var(--bg-color)) 0%, var(--bg-color) 68%);min-height:100vh;transition:background-color var(--transition-speed), color var(--transition-speed);overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-weight:600}a{color:var(--accent-secondary);transition:color var(--transition-speed);text-decoration:none}a:hover{color:var(--accent-primary)}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--panel-border);transition:transform var(--transition-speed), border-color var(--transition-speed);border-radius:16px;box-shadow:0 8px 26px #16223614,inset 0 1px #ffffff14}.glass-panel-hover:hover{border-color:#8b5cf64d;box-shadow:0 8px 32px #8b5cf614}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--panel-border);z-index:100;height:100vh;transition:transform var(--transition-speed);flex-direction:column;display:flex;position:fixed}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin var(--transition-speed);flex:1;padding:40px}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.form-input{background:var(--input-bg);border:1px solid var(--panel-border);width:100%;color:var(--text-primary);transition:border-color var(--transition-speed), box-shadow var(--transition-speed);border-radius:8px;padding:12px 16px;font-family:inherit;font-size:.95rem}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-select{background:var(--input-bg);border:1px solid var(--panel-border);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:.95rem}.btn{cursor:pointer;transition:all var(--transition-speed);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-secondary{border:1px solid var(--panel-border);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.btn-danger:hover{background:#ef444433}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{border-bottom:1px solid var(--panel-border);color:var(--text-secondary);background:#0000001a;padding:16px;font-size:.875rem;font-weight:500}.custom-table td{border-bottom:1px solid var(--panel-border);color:var(--text-primary);padding:16px;font-size:.925rem}.custom-table tr:hover td{background:#ffffff05}.badge{border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.print-document-container{border-radius:4px;width:210mm;min-height:297mm;margin:0 auto;padding:20mm;line-height:1.6;box-shadow:0 4px 12px #0000001a;color:#1e293b!important;background:#fff!important;font-size:13px!important}.print-document-container h1,.print-document-container h2,.print-document-container h3,.print-document-container th,.print-document-container td{color:#1e293b!important}.print-document-container select,.print-document-container input{color:#1e293b!important;background:0 0!important;border:none!important}@media print{body{color:#1e293b!important;background:#fff!important}.sidebar,.main-content>header,.no-print,.btn,.ai-chat-panel,nav{display:none!important}.main-content{margin-left:0!important;padding:0!important}.print-document-container{page-break-after:avoid;width:100%!important;height:auto!important;min-height:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.page-break-before{page-break-before:always!important;break-before:page!important;border-top:none!important;margin-top:0!important;padding-top:0!important}}.page-break-before{border-top:2px dashed #ffffff1a;margin-top:40px;padding-top:40px}.mobile-topbar,.mobile-bottom-nav,.mobile-sidebar-close,.sidebar-backdrop,.mobile-pdf-open,.document-item-field>span{display:none}.icon-button{border:1px solid var(--panel-border);width:42px;height:42px;color:var(--text-primary);background:var(--panel-bg);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.theme-sidebar-button{width:100%;margin-bottom:10px;padding:10px!important}:root:not([data-theme=dark]) [style*="background: rgb(15, 23, 42)"],:root:not([data-theme=dark]) [style*="background: #0f172a"]{background:var(--panel-solid)!important}:root:not([data-theme=dark]) svg line[stroke^="rgba(255,255,255"]{stroke:var(--panel-border)!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent-primary) 35%, transparent);outline-offset:2px}.table-scroll,.main-content>div>div[style*=overflow-x]{-webkit-overflow-scrolling:touch}@media (width<=1180px){:root{--sidebar-width:224px}.main-content{padding:28px}.responsive-split-grid,.main-content [style*="grid-template-columns: 1fr 360px"],.main-content [style*="grid-template-columns: 1fr 340px"],.main-content [style*="grid-template-columns: 1fr 320px"]{grid-template-columns:minmax(0,1fr)!important}}@media (width<=820px){body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.app-container{display:block}.mobile-topbar{z-index:80;background:color-mix(in srgb, var(--panel-solid) 92%, transparent);border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;height:60px;padding:8px 16px;display:flex;position:sticky;top:0}.mobile-brand{align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.sidebar{z-index:120;width:min(86vw,320px);overflow-y:auto;transform:translate(-105%);box-shadow:20px 0 50px #0003}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:110;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.mobile-sidebar-close{z-index:2;display:inline-flex;position:absolute;top:12px;right:12px}.main-content{min-width:0;margin-left:0;padding:22px 18px 28px}.mobile-bottom-nav{z-index:100;min-height:calc(64px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);background:color-mix(in srgb, var(--panel-solid) 95%, transparent);border-top:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #141e3214}.mobile-bottom-nav button{min-width:0;min-height:54px;color:var(--text-muted);font:inherit;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.67rem;display:flex}.mobile-bottom-nav button.active{color:var(--accent-primary);background:var(--accent-glow)}.responsive-split-grid,.main-content [style*="grid-template-columns: 1fr 400px"],.main-content [style*="grid-template-columns: 1fr 360px"],.main-content [style*="grid-template-columns: 1fr 340px"],.main-content [style*="grid-template-columns: 1fr 320px"],.main-content [style*="grid-template-columns: 1fr 1.5fr"],.main-content [style*="grid-template-columns: 1fr 1fr 1fr"],.main-content [style*="grid-template-columns: 1fr 1fr"],.main-content [style*="grid-template-columns: 1fr 1.2fr 1fr auto"],.main-content [style*="grid-template-columns: 120px 1fr"]{grid-template-columns:minmax(0,1fr)!important}.main-content .glass-panel{max-width:100%}.custom-table{min-width:720px}.custom-table th,.custom-table td{padding:13px 12px}.main-content>div>header h1{font-size:1.55rem!important}.main-content [style*="justify-content: space-between"]{flex-wrap:wrap}.main-content [style*="width: 880px"],.main-content [style*="width: 520px"]{border-radius:18px!important;width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:22px 18px!important}.print-document-container{max-width:100%;overflow-x:auto}.ai-launcher{right:16px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important}.ai-chat-panel{z-index:200!important;border:0!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;inset:0!important}.document-list-panel{overflow:hidden;padding:16px!important}.document-list-header{gap:16px;align-items:stretch!important}.document-list-header>div{min-width:0}.document-list-header>.btn{width:100%}.document-tabs{scrollbar-width:none;scroll-snap-type:x proximity;width:calc(100% + 32px);margin-left:-16px;padding:0 12px 3px;overflow-x:auto}.document-tabs::-webkit-scrollbar{display:none}.document-tabs>button{white-space:nowrap;scroll-snap-align:start;flex:none;min-height:46px;padding:10px 14px!important}.document-table-wrap{overflow:visible!important}.document-table{border-collapse:separate;border-spacing:0 12px;width:100%;min-width:0!important}.document-table thead{display:none}.document-table tbody{gap:12px;display:grid}.document-table tr{border:1px solid var(--panel-border);background:var(--subtle-bg);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 14px;padding:15px;display:grid}.document-table td{overflow-wrap:anywhere;min-width:0;font-size:.86rem;border:0!important;padding:0!important}.document-table td:before{content:attr(data-label);color:var(--text-muted);margin-bottom:3px;font-size:.68rem;font-weight:500;display:block}.document-table td[data-label=เลขที่],.document-table td[data-label=ลูกค้า]{grid-column:1/-1}.document-table td[data-label=เลขที่]{font-size:1rem}.document-table td[colspan]{grid-column:1/-1;text-align:center!important}.document-modal-overlay{background:var(--panel-solid)!important;align-items:stretch!important;padding:0!important}.document-create-modal{width:100vw!important;height:100dvh!important;max-height:100dvh!important;box-shadow:none!important;background:var(--panel-solid)!important;border:0!important;border-radius:0!important;margin:0!important;padding:0 16px!important}.document-modal-header{z-index:30;background:color-mix(in srgb, var(--panel-solid) 94%, transparent);border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:62px;padding:10px 16px;position:sticky;top:0;margin:0 -16px 18px!important}.document-modal-header h3{padding-right:12px;font-size:1.05rem}.document-modal-header button{flex:none;width:42px;height:42px}.document-create-modal form>[style*="display: flex"][style*="gap: 10px"]{flex-direction:column}.document-item-row{border:1px solid var(--panel-border);background:var(--subtle-bg)!important;border-radius:14px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:end!important;gap:12px!important;padding:14px!important}.document-item-description{grid-column:1/-1}.document-item-description:before{content:"สินค้า / บริการ";color:var(--text-secondary);margin-bottom:6px;font-size:.78rem;font-weight:500;display:block}.document-item-field{min-width:0;display:block}.document-item-field>span{color:var(--text-secondary);margin-bottom:6px;font-size:.78rem;font-weight:500;display:block}.document-item-row>.btn-danger{grid-column:1/-1;width:100%}.document-summary-wrap{display:block!important}.document-summary{width:100%!important;padding:16px!important}.document-form-actions{z-index:25;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--panel-solid) 96%, transparent);border-top:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:.75fr 1.25fr;position:sticky;bottom:0;margin:22px -16px 0!important;display:grid!important}.document-form-actions .btn{width:100%;padding:10px!important}.document-preview-toolbar{padding:14px!important;display:block!important}.document-preview-heading{margin-bottom:14px;align-items:flex-start!important}.document-preview-heading h3{overflow-wrap:anywhere;min-width:0}.document-preview-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;display:grid!important}.document-preview-actions .btn,.document-preview-actions label{width:100%;margin:0!important}.document-preview-actions label{border:1px solid var(--panel-border);border-radius:8px;min-height:44px;padding:8px 10px}.document-pdf-panel{padding:12px!important}.mobile-pdf-open{width:100%;margin-bottom:10px;display:flex}.document-pdf-frame{min-height:440px;height:65dvh!important}}@media (width<=540px){.main-content{padding:18px 12px 24px}.glass-panel{border-radius:14px}.responsive-stats-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.main-content [style*="padding: 24px"],.main-content [style*="padding: 30px"]{padding:18px!important}.main-content [style*="grid-template-columns: repeat(auto-fit, minmax(210px"],.main-content [style*="grid-template-columns: repeat(auto-fit, minmax(220px"],.main-content [style*="grid-template-columns: repeat(auto-fit, minmax(240px"],.main-content [style*="grid-template-columns: repeat(auto-fit, minmax(320px"]{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}.btn{min-height:44px}.form-input,.form-select{min-height:46px;font-size:16px}.custom-table{min-width:660px}.mobile-bottom-nav span{text-overflow:ellipsis;white-space:nowrap;max-width:58px;overflow:hidden}.document-preview-actions{grid-template-columns:minmax(0,1fr)}.document-table tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}