@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-thai-400-normal-C2DaJlKK.woff2) format("woff2"),url(/assets/sarabun-thai-400-normal-CH-UbWgg.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-vietnamese-400-normal-igdrzAGY.woff2) format("woff2"),url(/assets/sarabun-vietnamese-400-normal-DPfkSCMy.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-latin-ext-400-normal-BbP7GpLL.woff2) format("woff2"),url(/assets/sarabun-latin-ext-400-normal-BsmTn0SS.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-latin-400-normal-URPBxl-K.woff2) format("woff2"),url(/assets/sarabun-latin-400-normal-DmguIS-7.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sarabun-thai-500-normal-BVssjame.woff2) format("woff2"),url(/assets/sarabun-thai-500-normal-C3iDLEzi.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sarabun-vietnamese-500-normal-Dpe7Br9m.woff2) format("woff2"),url(/assets/sarabun-vietnamese-500-normal-CpRVvGRU.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sarabun-latin-ext-500-normal-DE1LysqI.woff2) format("woff2"),url(/assets/sarabun-latin-ext-500-normal-Cot16Bd2.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sarabun-latin-500-normal-BjUTcdxu.woff2) format("woff2"),url(/assets/sarabun-latin-500-normal-CJexTAnl.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-thai-600-normal-3dIAQ-_s.woff2) format("woff2"),url(/assets/sarabun-thai-600-normal-DWKeTe6a.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-vietnamese-600-normal-DkxrOlLB.woff2) format("woff2"),url(/assets/sarabun-vietnamese-600-normal-BMbOgAW-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-latin-ext-600-normal-BRxjKUQ6.woff2) format("woff2"),url(/assets/sarabun-latin-ext-600-normal-0tXu9x_i.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-latin-600-normal-DMD3TROr.woff2) format("woff2"),url(/assets/sarabun-latin-600-normal-9FonlkKx.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-thai-700-normal-CbuDipM3.woff2) format("woff2"),url(/assets/sarabun-thai-700-normal-CP2-p8e-.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-vietnamese-700-normal-DrMy3BMX.woff2) format("woff2"),url(/assets/sarabun-vietnamese-700-normal-lN6N8XBT.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-latin-ext-700-normal-CnQtP196.woff2) format("woff2"),url(/assets/sarabun-latin-ext-700-normal-ykw7DJpk.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-latin-700-normal-DQKyWxHq.woff2) format("woff2"),url(/assets/sarabun-latin-700-normal-DUuqj4Ju.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Sarabun,Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif;color:#17302e;background:#f3f6f4;font-synthesis:none;--ink: #17302e;--muted: #71807d;--line: #dde6e2;--panel: #fff;--deep: #0b3431;--deep-2: #14524b;--lime: #b7dc37;--lime-soft: #eff8d9;--blue: #2783c5;--blue-soft: #eaf4fb;--amber: #e7a733;--amber-soft: #fff5df;--red: #d95656;--shadow: 0 12px 34px rgba(25, 55, 49, .07);--font-scale: 1.65}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f3f6f4}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}img{max-width:100%}.app-shell{min-height:100vh;display:flex}.sidebar{--font-scale: 1.3;width:232px;height:100vh;height:100dvh;position:fixed;z-index:80;inset:0 auto 0 0;display:flex;flex-direction:column;background:var(--deep);color:#fff;padding:22px 15px 18px}.brand{height:58px;display:flex;align-items:center;gap:11px;padding:0 8px 17px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:37px;height:37px;border-radius:11px;background:var(--lime);position:relative;overflow:hidden;box-shadow:inset -8px -8px #0d3a3521}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--deep);border-radius:999px}.brand-mark:before{width:21px;height:8px;left:8px;top:10px;transform:rotate(18deg)}.brand-mark:after{width:14px;height:7px;left:12px;top:20px;transform:rotate(-18deg)}.brand strong{display:block;font-size:calc(16px * var(--font-scale));letter-spacing:.1px}.brand small{display:block;color:#9eb6b1;font-size:calc(10px * var(--font-scale));text-transform:uppercase;letter-spacing:1.25px;margin-top:1px}.sidebar-close{display:none!important;margin-left:auto;color:#fff!important}.main-nav{padding:16px 0;flex:1 1 auto;min-height:0;overflow-y:auto}.brand,.sidebar-card,.user-card{flex-shrink:0}.nav-label{margin:3px 11px 8px;color:#71908b;font-size:calc(10px * var(--font-scale));font-weight:700;letter-spacing:1.1px;text-transform:uppercase}.nav-label.secondary{margin-top:25px}.main-nav button{width:100%;border:0;background:transparent;color:#bcd0cc;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;margin:3px 0;font-size:calc(13px * var(--font-scale));text-align:left;transition:.18s}.main-nav button:hover{background:#ffffff0f;color:#fff}.main-nav button.active{background:#b7dc3721;color:#d9ef8f;font-weight:600}.main-nav button.active:before{content:"";width:3px;height:24px;background:var(--lime);border-radius:0 5px 5px 0;position:absolute;left:0}.main-nav button b{margin-left:auto;background:var(--lime);color:var(--deep);min-width:22px;height:20px;display:grid;place-items:center;border-radius:7px;font-size:calc(10px * var(--font-scale))}.sidebar-card{display:flex;gap:10px;margin:0 3px 13px;padding:13px 11px;border-radius:12px;background:linear-gradient(135deg,#b7dc3724,#328e8024);border:1px solid rgba(183,220,55,.15)}.sidebar-card-icon{color:var(--lime);flex:0 0 20px}.sidebar-card strong{font-size:calc(11px * var(--font-scale));color:#e8f5c3}.sidebar-card p{margin:2px 0 0;color:#9fb8b3;font-size:calc(9px * var(--font-scale));line-height:1.55}.user-card{display:flex;align-items:center;gap:10px;padding:13px 8px 0;border-top:1px solid rgba(255,255,255,.1)}.user-card .avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#2a635c;color:#def1b2;font-size:calc(13px * var(--font-scale))}.user-card div:nth-child(2){flex:1}.user-card strong,.user-card small{display:block}.user-card strong{font-size:calc(11px * var(--font-scale))}.user-card small{color:#81a29c;font-size:calc(9px * var(--font-scale))}.app-content{margin-left:232px;width:calc(100% - 232px);min-width:0}.topbar{height:78px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 31px;position:sticky;top:0;z-index:40}.topbar-title{display:flex;align-items:center;gap:12px}.topbar-title h1{margin:0;font-size:calc(20px * var(--font-scale));line-height:1.25}.topbar-title p{margin:4px 0 0;color:var(--muted);font-size:calc(11px * var(--font-scale))}.topbar-actions{display:flex;gap:10px;align-items:center}.font-scale-button{height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #d7e2de;border-radius:9px;background:#fff;color:#47645f;font-size:calc(9px * var(--font-scale));font-weight:700}.font-scale-button:hover{border-color:#9fbab4;background:#f4f8f6;color:#18534c}.workspace{padding:25px 30px 48px;max-width:1540px;margin:auto}.page-stack{display:flex;flex-direction:column;gap:20px}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;padding:0;border:0;background:transparent;color:#647773;border-radius:9px}.icon-button:hover{background:#eef3f1;color:var(--deep)}.icon-button.danger:hover{color:var(--red);background:#fff0f0}.primary-button,.secondary-button,.hero-button,.danger-button{border:0;border-radius:10px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-weight:700;font-size:calc(12px * var(--font-scale));transition:.2s}.primary-button{color:#fff;background:var(--deep-2);box-shadow:0 7px 17px #14524b29}.primary-button:hover{background:var(--deep);transform:translateY(-1px)}.secondary-button{color:#30524e;background:#fff;border:1px solid #d7e2de}.secondary-button:hover{background:#f5f8f7;border-color:#b7c9c4}.danger-button{color:#fff;background:#b94343;box-shadow:0 7px 17px #b9434329}.danger-button:hover{background:#9e3333;transform:translateY(-1px)}.compact{min-height:38px;padding:0 14px}.full{width:100%}.mobile-menu,.mobile-nav{display:none}.toast{position:fixed;z-index:300;right:26px;bottom:26px;display:flex;align-items:center;gap:9px;background:#103c38;color:#fff;border-radius:12px;padding:13px 18px;box-shadow:0 15px 35px #0003;font-size:calc(12px * var(--font-scale));animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.hero-card{min-height:320px;border-radius:20px;overflow:hidden;padding:38px 48px;color:#fff;display:flex;background:radial-gradient(circle at 82% 20%,rgba(183,220,55,.25),transparent 24%),linear-gradient(120deg,#082f2c,#0e433e 55%,#206b61);position:relative;box-shadow:0 16px 40px #0d3a3526}.hero-card:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-60px;top:-160px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.hero-copy{width:55%;position:relative;z-index:3}.eyebrow{display:flex;align-items:center;gap:7px;font-size:calc(9px * var(--font-scale));letter-spacing:1.5px;font-weight:700;color:#dff39c}.eyebrow.dark{color:#52756f}.hero-copy h2{margin:12px 0 9px;font-size:calc(31px * var(--font-scale));line-height:1.3;letter-spacing:-.7px}.hero-copy h2 span{color:var(--lime)}.hero-copy p{max-width:560px;margin:0;color:#c1d4d0;line-height:1.65;font-size:calc(11px * var(--font-scale))}.hero-assurance{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:17px 0 20px}.hero-assurance span{display:inline-flex;align-items:center;gap:6px;color:#e3efed;font-size:calc(8px * var(--font-scale));font-weight:600}.hero-assurance span:not(:last-child):after{content:"";width:1px;height:13px;margin-left:12px;background:#ffffff30}.hero-assurance svg{color:var(--lime)}.hero-button{background:var(--lime);color:#173b36;box-shadow:0 12px 25px #7ea50f33}.hero-button:hover{background:#c7e763;transform:translateY(-2px)}.hero-visual{flex:1;position:relative;min-height:190px;z-index:2}.document-card{width:195px;height:223px;background:#fff;border-radius:10px;position:absolute;right:52px;top:-10px;box-shadow:0 25px 45px #0000003b}.document-card.back{right:22px;top:10px;opacity:.16;transform:rotate(7deg)}.document-card.front{color:var(--ink);padding:18px;transform:rotate(-2deg)}.doc-head{display:flex;align-items:center;justify-content:space-between;font-size:calc(8px * var(--font-scale));color:#1b5150;font-weight:700}.mini-logo{width:41px;height:11px;background:linear-gradient(90deg,#b7dc37 23%,#195352 23%);border-radius:3px}.doc-lines{margin:18px 0 12px;display:grid;gap:4px}.doc-lines i{height:4px;background:#dce7e4;border-radius:4px}.doc-lines i:nth-child(2){width:72%}.doc-lines i:nth-child(3){width:55%}.doc-table{border:1px solid #d9e4e0;border-radius:3px;overflow:hidden}.doc-table i{display:block;height:23px;border-bottom:1px solid #e5ecea;background:repeating-linear-gradient(90deg,transparent 0 55px,#e5ecea 55px 56px)}.doc-table i:first-child{height:14px;background:#eaf4cf}.doc-total{margin:13px 0 0 auto;width:90px;font-size:calc(7px * var(--font-scale))}.doc-total span,.doc-total strong{display:block}.doc-total strong{color:#174b46;font-size:calc(12px * var(--font-scale))}.float-badge{position:absolute;z-index:4;display:flex;align-items:center;gap:7px;padding:9px 11px;background:#fffffff5;color:#1e514c;border-radius:9px;box-shadow:0 10px 24px #00000029;font-size:calc(9px * var(--font-scale));font-weight:700}.float-badge svg{color:#83ad13}.badge-one{top:28px;right:210px}.badge-two{right:12px;bottom:12px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 6px 20px #1e3c3706}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;flex:0 0 42px}.stat-icon.green{background:#e8f3ef;color:#257b69}.stat-icon.blue{background:var(--blue-soft);color:var(--blue)}.stat-icon.lime{background:var(--lime-soft);color:#75980b}.stat-icon.amber{background:var(--amber-soft);color:var(--amber)}.stat-card p{margin:0 0 3px;color:var(--muted);font-size:calc(10px * var(--font-scale))}.stat-card strong{display:block;font-size:calc(21px * var(--font-scale));line-height:1.4}.stat-card small{display:block;color:#879591;font-size:calc(8px * var(--font-scale));margin-top:2px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:18px}.panel,.form-card,.summary-card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 25px #1a373206}.panel-head,.card-title{min-height:67px;padding:16px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7eeeb}.panel-head h3,.card-title h3{margin:0;font-size:calc(14px * var(--font-scale))}.panel-head p,.card-title p{margin:3px 0 0;color:var(--muted);font-size:calc(9px * var(--font-scale))}.text-button,.icon-text{border:0;color:#2d746b;background:transparent;display:inline-flex;align-items:center;gap:5px;font-size:calc(10px * var(--font-scale));font-weight:700}.quote-list{padding:4px 16px 10px}.quote-row{display:grid;grid-template-columns:36px minmax(140px,1fr) 66px 92px 75px 32px;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid #edf1f0;font-size:calc(10px * var(--font-scale))}.quote-row:last-child{border-bottom:0}.file-tile{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#edf5f3;color:#37766e}.quote-main strong,.quote-main span{display:block}.quote-main strong{font-size:calc(10px * var(--font-scale))}.quote-main span,.quote-date{color:var(--muted);font-size:calc(8px * var(--font-scale));margin-top:2px}.quote-value{text-align:right;font-size:calc(10px * var(--font-scale))}.status{display:inline-flex;justify-content:center;padding:4px 7px;border-radius:999px;font-size:calc(8px * var(--font-scale));font-weight:700}.status-ส่งแล้ว{background:#e9f4fb;color:#2878ad}.status-ร่าง{background:#f0f2f1;color:#6b7b77}.status-อนุมัติแล้ว{background:#eaf5e1;color:#59871b}.status-หมดอายุ{background:#fff0ec;color:#b85a43}.status-sent{background:#e9f4fb;color:#2878ad}.status-draft{background:#f0f2f1;color:#6b7b77}.status-approved{background:#eaf5e1;color:#59871b}.status-expired,.status-rejected,.status-cancelled{background:#fff0ec;color:#b85a43}.status-pending_approval{background:#fff4d8;color:#966717}.quick-actions{padding:6px 14px 13px}.quick-actions>button{width:100%;border:0;border-bottom:1px solid #edf1ef;background:transparent;display:flex;align-items:center;gap:11px;padding:12px 2px;text-align:left}.quick-actions>button:last-child{border-bottom:0}.quick-actions>button>div{flex:1}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{font-size:calc(10px * var(--font-scale))}.quick-actions small{color:var(--muted);font-size:calc(8px * var(--font-scale));margin-top:2px}.quick-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px}.quick-icon svg{width:17px}.quick-icon.primary{background:#e7f2ee;color:#247367}.quick-icon.blue{background:var(--blue-soft);color:var(--blue)}.quick-icon.amber{background:var(--amber-soft);color:var(--amber)}.online-team{margin:0 14px 14px;padding:13px;border:1px solid #dfe9e6;border-radius:12px;background:#f8fbfa}.online-team-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.online-team-head>div{display:flex;align-items:center;gap:7px}.online-team-head strong{font-size:calc(9px * var(--font-scale))}.online-team-head>span{color:#277064;font-size:calc(8px * var(--font-scale));font-weight:700}.online-dot{width:8px;height:8px;border-radius:50%;background:#58a826;box-shadow:0 0 0 4px #e6f3dc}.online-user-list{display:grid;gap:8px}.online-user{display:flex;align-items:center;gap:9px}.online-avatar{width:32px;height:32px;position:relative;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:#34776d;font-size:12px;font-weight:700}.online-avatar i{width:9px;height:9px;position:absolute;right:-1px;bottom:0;border:2px solid #fff;border-radius:50%;background:#64b52e}.online-user strong,.online-user small{display:block}.online-user strong{font-size:calc(8px * var(--font-scale))}.online-user small,.online-window,.online-empty{color:#7e8e89;font-size:calc(7px * var(--font-scale))}.online-user small{margin-top:1px}.online-window{display:block;margin-top:10px;padding-top:8px;border-top:1px solid #e3ebe8}.online-empty{margin:0;line-height:1.5}.builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.steps{display:flex;align-items:center}.steps button{border:0;background:transparent;color:#91a09c;display:flex;align-items:center;gap:7px;padding:0 25px 0 0;margin-right:14px;font-size:calc(10px * var(--font-scale));font-weight:600;position:relative;white-space:nowrap}.steps button:not(:last-child):after{content:"";width:18px;height:1px;background:#cfdad6;position:absolute;right:0}.steps button>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:1px solid #ccd8d4;font-size:calc(9px * var(--font-scale))}.steps button.active{color:var(--deep-2)}.steps button.active>span{background:var(--deep-2);border-color:var(--deep-2);color:#fff}.steps button.done{color:#77940f}.steps button.done>span{background:var(--lime-soft);border-color:#bddc50;color:#78940d}.builder-actions{display:flex;gap:9px}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:19px;align-items:start}.builder-main{min-width:0}.card-title>div:first-child{display:flex;align-items:center;gap:11px}.title-icon{width:35px;height:35px;border-radius:10px;background:#e7f2ee;color:#267469;display:grid;place-items:center}.title-icon.blue{background:var(--blue-soft);color:var(--blue)}.title-icon.amber{background:var(--amber-soft);color:var(--amber)}.form-grid{display:grid;gap:13px;padding:17px 19px 20px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.two{grid-template-columns:repeat(2,1fr)}.span-2{grid-column:span 2}.field{display:flex;flex-direction:column;gap:6px}.field span,.mini-form label span{color:#61736f;font-size:calc(9px * var(--font-scale));font-weight:600}.field input,.field textarea,.field select,.mini-form input{width:100%;border:1px solid #d9e3df;background:#fbfcfc;border-radius:8px;padding:9px 11px;color:var(--ink);font-size:calc(10px * var(--font-scale));outline:none;transition:.18s}.field input:focus,.field textarea:focus,.field select:focus,.mini-form input:focus{border-color:#70a69d;box-shadow:0 0 0 3px #42837817;background:#fff}.field textarea{resize:vertical}.empty-state{min-height:235px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;background:radial-gradient(circle at center,#f9fbfa,#fff 65%)}.empty-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#eff5f2;color:#4f8079;margin-bottom:11px}.empty-state h3{margin:0;font-size:calc(13px * var(--font-scale))}.empty-state p{color:var(--muted);font-size:calc(9px * var(--font-scale));margin:5px 0 14px}.line-table-wrap{overflow-x:auto}.line-table{border-collapse:collapse;width:100%;min-width:820px;font-size:calc(9px * var(--font-scale))}.line-table th{color:#6c7b78;text-align:right;background:#f7f9f8;padding:9px 8px;font-size:calc(8px * var(--font-scale));font-weight:600}.line-table th:nth-child(2){text-align:left}.line-table td{border-top:1px solid #e8eeec;padding:9px 8px;text-align:right}.line-table td:nth-child(2){text-align:left;min-width:230px}.line-product{display:flex;align-items:center;gap:9px}.line-product img{width:40px;height:36px;object-fit:contain;border-radius:7px;background:#f2f5f4}.line-product strong,.line-product small{display:block}.line-product strong{font-size:calc(9px * var(--font-scale))}.line-product small{color:var(--muted);font-size:calc(7px * var(--font-scale));margin-top:2px}.line-table input{width:62px;padding:6px 5px;border:1px solid #d8e2de;border-radius:6px;text-align:right;font-size:calc(9px * var(--font-scale))}.line-table .price-input{width:78px}.summary-card{padding:0 18px 15px}.sticky-card{position:sticky;top:98px}.summary-head{padding:18px 0 14px;border-bottom:1px solid #e5ece9}.summary-head>div{display:flex;align-items:center;justify-content:space-between}.summary-head h3{margin:0;font-size:calc(14px * var(--font-scale))}.summary-head p{margin:4px 0 0;color:var(--muted);font-size:calc(9px * var(--font-scale))}.draft-pill{padding:4px 8px;background:#f0f3f2;color:#6c7a77;border-radius:999px;font-size:calc(8px * var(--font-scale));font-weight:700}.mini-form{display:grid;grid-template-columns:1fr 90px;gap:10px;padding:14px 0;border-bottom:1px solid #e5ece9}.mini-form label{display:flex;flex-direction:column;gap:5px}.mini-form input{padding:7px 8px}.summary-lines{padding:13px 0;border-bottom:1px solid #e5ece9}.summary-lines>div{display:flex;justify-content:space-between;padding:5px 0;color:#63736f;font-size:calc(9px * var(--font-scale))}.summary-lines strong{color:var(--ink)}.discount-text{color:#c45945!important}.vat-row span{display:flex;align-items:center;gap:3px}.vat-row input{width:34px;border:1px solid #d5e0dc;border-radius:5px;padding:2px 3px;font-size:calc(8px * var(--font-scale));text-align:center}.grand-total{padding:16px 0}.grand-total>span{display:block;color:#61716e;font-size:calc(9px * var(--font-scale))}.grand-total>strong{display:block;font-size:calc(25px * var(--font-scale));color:var(--deep-2);margin:2px 0}.grand-total small{color:#7d8c89;font-size:calc(8px * var(--font-scale));line-height:1.45}.summary-buttons{display:grid;gap:8px}.safe-note{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;color:#71817d;font-size:calc(7px * var(--font-scale))}.safe-note svg{color:#7aa21a}.modal-backdrop{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;background:#071f1d94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:28px;animation:fade-in .18s ease}.picker-modal,.preview-modal{width:min(1060px,100%);max-height:calc(100vh - 56px);max-height:calc(100dvh - 56px);background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 28px 80px #00000047}.modal-head{padding:19px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:calc(18px * var(--font-scale))}.modal-head p{margin:3px 0 0;color:var(--muted);font-size:calc(9px * var(--font-scale))}.picker-controls{display:grid;grid-template-columns:1fr 260px;gap:11px;padding:14px 22px;background:#f8faf9;border-bottom:1px solid var(--line)}.search-input{height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #d9e3df;border-radius:9px;background:#fff;color:#83928e}.search-input input{border:0;outline:none;flex:1;min-width:0;font-size:calc(10px * var(--font-scale));background:transparent}.select-wrap{display:flex;align-items:center;gap:7px;height:40px;padding:0 10px;background:#fff;border:1px solid #d9e3df;border-radius:9px;color:#71817e}.select-wrap select{flex:1;min-width:0;border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:calc(9px * var(--font-scale));color:var(--ink);background:transparent}.picker-results{overflow-y:auto;padding:14px 22px 22px}.result-count{color:var(--muted);font-size:calc(9px * var(--font-scale));margin-bottom:10px}.product-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.picker-product{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid #e0e8e5;border-radius:12px}.picker-image{width:82px;height:64px;background:#f1f5f3;border-radius:9px;display:grid;place-items:center;overflow:hidden}.picker-image img{width:100%;height:100%;object-fit:contain}.picker-info>span{color:#6d827d;font-size:calc(7px * var(--font-scale))}.picker-info h3{margin:2px 0;font-size:calc(11px * var(--font-scale))}.picker-info small{display:block;color:#99a5a2;font-size:calc(7px * var(--font-scale))}.picker-info div{margin-top:5px}.picker-info strong{color:#17554d;font-size:calc(12px * var(--font-scale))}.picker-info em{color:#83918e;font-size:calc(8px * var(--font-scale));font-style:normal}.picker-product>button{border:0;background:#e8f2ef;color:#296e66;border-radius:8px;height:32px;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:calc(9px * var(--font-scale));font-weight:700}.picker-product>button:hover{background:var(--deep-2);color:#fff}@keyframes fade-in{0%{opacity:0}}.preview-backdrop{padding:0;background:#253c39}.preview-modal{width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0;background:#e3e9e7}.preview-toolbar{min-height:70px;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;box-shadow:0 2px 10px #00000014;z-index:2}.preview-toolbar>div{display:flex;align-items:center;gap:10px}.preview-toolbar h2{margin:0;font-size:calc(14px * var(--font-scale))}.preview-toolbar p{margin:2px 0 0;color:var(--muted);font-size:calc(9px * var(--font-scale))}.paper-stage{flex:1;overflow-y:auto;padding:30px}.quotation-document{--font-scale:1;width:794px;margin:0 auto}.quotation-paper{--font-scale: 1;width:794px;height:1123px;min-height:1123px;margin:0;overflow:hidden;background:#fff;box-shadow:0 10px 35px #0f292526;color:#263a38;padding:45px 48px 36px;position:relative;font-family:Sarabun,Noto Sans Thai,Leelawadee UI,sans-serif}.quotation-page+.quotation-page{margin-top:24px}.pdf-rendering .quotation-page+.quotation-page{margin-top:0;break-before:page;page-break-before:always}.paper-topline{height:7px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,var(--deep-2) 0 72%,var(--lime) 72%)}.paper-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #1b514c;padding-bottom:18px}.paper-brand{display:flex;gap:13px;max-width:460px}.paper-brand img{width:80px;height:42px;object-fit:contain;object-position:left top}.paper-brand strong,.paper-brand span{display:block}.paper-brand strong{font-size:calc(14px * var(--font-scale));color:#174d48;margin-bottom:4px}.paper-brand span{font-size:calc(8px * var(--font-scale));line-height:1.65;color:#667673}.paper-title{text-align:right}.paper-title h1{font-size:calc(22px * var(--font-scale));margin:0;color:#164e48}.paper-title>strong{display:block;font-size:calc(10px * var(--font-scale));letter-spacing:2px;color:#7d918d;margin-bottom:8px}.paper-title span{display:block;font-size:calc(8px * var(--font-scale));line-height:1.6}.paper-customer{margin:18px 0 13px;padding:13px 15px;border:1px solid #d8e2de;border-radius:7px;background:#fbfcfc;display:grid;grid-template-columns:1fr 240px;gap:20px}.paper-customer span{display:block;color:#78908b;font-size:calc(7px * var(--font-scale))}.paper-customer strong{display:block;margin:3px 0;font-size:calc(11px * var(--font-scale))}.paper-customer p{margin:2px 0;font-size:calc(8px * var(--font-scale));line-height:1.55}.paper-intro,.paper-continuation-title{margin:0 0 8px;font-size:calc(8px * var(--font-scale))}.paper-continuation-title{padding:9px 0 7px;color:#657a76;font-weight:600}.paper-table{width:100%;border-collapse:collapse;font-size:calc(8px * var(--font-scale))}.paper-table th{padding:8px 6px;background:#164e48;color:#fff;border:1px solid #164e48;text-align:center;line-height:1.25}.paper-table th small{opacity:.72;font-size:calc(6px * var(--font-scale));font-weight:400}.paper-table td{padding:8px 6px;border:1px solid #aebbb7;vertical-align:top}.paper-table td:nth-child(1),.paper-table td:nth-child(3),.paper-table td:nth-child(4),.paper-table td:nth-child(6){text-align:center}.paper-table td:nth-child(5),.paper-table td:nth-child(7){text-align:right}.paper-empty td{height:75px;text-align:center!important;color:#91a09c}.paper-spacer td{height:28px}.paper-closing{break-inside:avoid;page-break-inside:avoid}.paper-bottom{display:grid;grid-template-columns:1fr 245px;border:1px solid #aebbb7;border-top:0}.paper-notes{padding:11px 13px}.paper-notes h3{margin:0 0 5px;font-size:calc(8px * var(--font-scale))}.paper-notes p{margin:2px 0;font-size:calc(7px * var(--font-scale));line-height:1.55}.paper-totals{border-left:1px solid #aebbb7}.paper-totals>div{display:flex;justify-content:space-between;padding:6px 9px;border-bottom:1px solid #d6deda;font-size:calc(8px * var(--font-scale))}.paper-totals>div:last-child{border-bottom:0}.paper-grand{background:#eaf2d1;color:#174c47;font-size:9px!important}.paper-baht{padding:6px 10px;text-align:right;font-size:calc(7px * var(--font-scale));border:1px solid #aebbb7;border-top:0}.paper-signatures{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:58px;text-align:center}.paper-signatures span,.paper-signatures strong,.paper-signatures small{display:block;font-size:calc(8px * var(--font-scale));line-height:1.8}.paper-signatures strong{font-weight:600}.paper-footer{position:absolute;bottom:22px;left:48px;right:48px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid #dce4e1;color:#71827e;padding-top:7px;font-size:calc(7px * var(--font-scale));text-align:left}.paper-footer span:last-child{flex:0 0 auto}.pdf-actions-backdrop{z-index:320;padding:22px;background:#071f1db3}.pdf-actions-modal{width:min(520px,100%);max-height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 28px 80px #0000004d}.pdf-actions-modal .modal-head{flex:0 0 auto}.pdf-actions-body{padding:20px;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.pdf-ready-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #cfe2dc;border-radius:11px;color:#266f64;background:#eef7f4}.pdf-ready-card svg{flex:0 0 auto}.pdf-ready-card strong,.pdf-ready-card span{display:block}.pdf-ready-card strong{color:#294c46;font-size:calc(11px * var(--font-scale))}.pdf-ready-card span{margin-top:2px;color:#718682;font-size:calc(8px * var(--font-scale))}.pdf-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.pdf-action-grid button,.pdf-action-grid a{min-height:43px;justify-content:center;text-decoration:none}.pdf-action-grid .primary-button{grid-column:1 / -1}.pdf-mobile-help{margin:13px 2px 0;color:#73837f;font-size:calc(8px * var(--font-scale));line-height:1.6}.catalog-banner{min-height:155px;background:linear-gradient(115deg,#dcebd9,#eef5e6 55%,#d8ece8);border:1px solid #ceded7;border-radius:17px;padding:28px 34px;display:flex;align-items:center;gap:25px;overflow:hidden;position:relative}.catalog-banner:after{content:"";position:absolute;width:330px;height:330px;border:55px solid rgba(255,255,255,.28);border-radius:50%;right:-120px;top:-130px}.catalog-banner>div:first-child{flex:1;z-index:1}.catalog-banner h2{margin:7px 0 4px;color:#173f3a;font-size:calc(23px * var(--font-scale))}.catalog-banner p{margin:0;color:#627972;font-size:calc(10px * var(--font-scale))}.catalog-banner-stat{min-width:105px;padding:16px 18px;border-left:1px solid rgba(36,81,73,.15);z-index:1}.catalog-banner-stat strong,.catalog-banner-stat span{display:block}.catalog-banner-stat strong{color:#1b544c;font-size:calc(25px * var(--font-scale))}.catalog-banner-stat span{color:#698078;font-size:calc(9px * var(--font-scale))}.catalog-panel{padding-bottom:18px}.catalog-tools{padding:16px 18px 12px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e6ecea}.catalog-tools>.search-input{flex:1}.filter-group{display:flex;gap:8px}.filter-group label{min-width:140px;display:flex;align-items:center;gap:6px;border:1px solid #d9e3df;border-radius:9px;padding:0 9px;height:40px;color:#768883}.filter-group select{width:100%;border:0;outline:0;background:transparent;font-size:calc(9px * var(--font-scale));color:var(--ink)}.view-toggle{display:flex;border:1px solid #d9e3df;border-radius:9px;overflow:hidden;height:40px}.view-toggle button{width:37px;border:0;background:#fff;color:#85938f}.view-toggle button.active{background:#eaf2ef;color:#2b7068}.catalog-count{display:flex;justify-content:space-between;padding:12px 19px;color:#71807d;font-size:calc(9px * var(--font-scale))}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding:0 18px}.product-card{border:1px solid #e0e8e5;border-radius:13px;overflow:hidden;background:#fff;transition:.2s}.product-card:hover{border-color:#b7cbc5;transform:translateY(-2px);box-shadow:0 10px 25px #21403a14}.product-image{height:132px;position:relative;background:linear-gradient(145deg,#f3f6f5,#e7eeeb);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;transition:.25s}.product-card:hover img{transform:scale(1.03)}.product-image>span{position:absolute;top:8px;right:8px;background:#ffffffe6;color:#6b7e79;border-radius:6px;padding:4px 6px;font-size:calc(7px * var(--font-scale))}.product-body{padding:12px 13px}.product-body>small{color:#568078;font-size:calc(7px * var(--font-scale));font-weight:600}.product-body h3{margin:3px 0 2px;font-size:calc(12px * var(--font-scale))}.product-body p{margin:0 0 10px;color:#879591;font-size:calc(8px * var(--font-scale))}.product-body>div{border-top:1px solid #edf1f0;padding-top:9px;display:flex;align-items:center}.product-body strong{color:#18534c;font-size:calc(14px * var(--font-scale))}.product-body span{color:#84928e;font-size:calc(8px * var(--font-scale));margin-left:3px}.product-body button{margin-left:auto}.catalog-table-wrap{overflow:auto;padding:0 18px}.catalog-table{width:100%;border-collapse:collapse;min-width:800px;font-size:calc(9px * var(--font-scale))}.catalog-table th{text-align:left;color:#70817d;background:#f6f8f7;padding:10px;border-bottom:1px solid #dfe7e4}.catalog-table td{padding:10px;border-bottom:1px solid #e9efed}.result-note{margin:15px 18px 0;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;background:#f3f6f5;color:#74837f;font-size:calc(8px * var(--font-scale))}.import-hero{min-height:145px;display:flex;align-items:center;gap:18px;padding:26px 31px;border-radius:17px;background:linear-gradient(120deg,#e6f1ed,#f5f8ed);border:1px solid #d5e2dd}.import-hero-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:#fff;color:#347a70;box-shadow:0 10px 25px #1f4e4617}.import-hero>div:nth-child(2){flex:1}.import-hero h2{margin:6px 0 3px;font-size:calc(22px * var(--font-scale))}.import-hero p{margin:0;color:#6a7c77;font-size:calc(10px * var(--font-scale))}.format-pills{display:flex;gap:7px}.format-pills span{width:46px;height:46px;display:grid;place-items:center;border-radius:10px;background:#fff;font-size:calc(8px * var(--font-scale));font-weight:700;box-shadow:0 5px 15px #193c360f}.format-pills .pdf{color:#cf4949}.format-pills .excel,.format-pills .csv{color:#27805d}.format-pills .word{color:#3378c4}.import-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:18px;align-items:start}.upload-panel{padding-bottom:18px}.secure-pill{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;color:#60801c;background:#eff6df;font-size:calc(8px * var(--font-scale));font-weight:600}.drop-zone{margin:18px;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed #acc7c0;border-radius:13px;background:#f8fbfa;transition:.2s;text-align:center}.drop-zone:hover,.drop-zone.dragging{border-color:#397d73;background:#eef6f3;transform:scale(.998)}.drop-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#e6f2ee;color:#33796f;margin-bottom:12px}.drop-zone h3{margin:0;font-size:calc(13px * var(--font-scale))}.drop-zone p{margin:5px 0;color:#7a8b87;font-size:calc(10px * var(--font-scale))}.drop-zone p strong{color:#2f746b}.drop-zone small{margin-top:7px;color:#9ba7a4;font-size:calc(8px * var(--font-scale))}.spinner{width:38px;height:38px;border:3px solid #d6e5e1;border-top-color:#34796f;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.import-result{margin:0 18px;padding:14px;border:1px solid #dce5e2;border-radius:12px;background:#fff}.result-file{display:flex;align-items:center;gap:10px}.file-format{width:41px;height:41px;display:grid;place-items:center;border-radius:10px;background:#eef4f2;color:#32756c}.result-file>div{flex:1}.result-file strong{font-size:calc(10px * var(--font-scale))}.result-file p{margin:2px 0 0;color:var(--muted);font-size:calc(8px * var(--font-scale))}.read-badge{display:flex;align-items:center;gap:4px;color:#659018;font-size:calc(8px * var(--font-scale))}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.result-stats>div{border-radius:8px;background:#f5f8f7;padding:9px 10px}.result-stats strong,.result-stats span{display:block}.result-stats strong{font-size:calc(14px * var(--font-scale))}.result-stats span{color:#788783;font-size:calc(7px * var(--font-scale))}.mapping-note{display:flex;gap:9px;padding:10px;margin-bottom:12px;border-radius:8px;background:#eef6f3;color:#2d6e65}.mapping-note svg{flex:0 0 18px}.mapping-note strong{font-size:calc(9px * var(--font-scale))}.mapping-note p{margin:2px 0 0;color:#6c817c;font-size:calc(7px * var(--font-scale));line-height:1.5}.import-review{margin:0 0 12px;border:1px solid #dce6e2;border-radius:10px;overflow:hidden}.import-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 12px;background:#f7faf9}.import-review-head strong{font-size:calc(9px * var(--font-scale))}.import-review-head p{margin:2px 0 0;color:var(--muted);font-size:calc(7px * var(--font-scale))}.review-error{flex:0 0 auto;color:#a84435;font-size:calc(7px * var(--font-scale));font-weight:700}.import-review-table-wrap{max-height:340px;overflow:auto}.import-review-table{width:100%;min-width:680px;border-collapse:collapse;font-size:calc(8px * var(--font-scale))}.import-review-table th{position:sticky;top:0;z-index:1;padding:8px;text-align:left;color:#627570;background:#eef4f2}.import-review-table td{padding:7px 8px;border-top:1px solid #e6ecea}.import-review-table tr.invalid td{background:#fff8f6}.import-review-table input{width:100%;min-width:75px;height:36px;padding:6px 8px;border:1px solid #d7e2de;border-radius:7px;color:var(--ink);background:#fff}.new-badge,.update-badge{display:inline-flex;padding:4px 7px;border-radius:999px;white-space:nowrap;font-size:calc(7px * var(--font-scale));font-weight:700}.new-badge{color:#246e62;background:#e4f3ef}.update-badge{color:#8c641c;background:#fff1d4}.import-review-table tr.invalid .new-badge,.import-review-table tr.invalid .update-badge{color:#a84435;background:#fce6e1}.import-review-pager{min-height:48px;display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 10px;border-top:1px solid #dfe8e5;background:#f7faf9}.import-review-pager span{color:#647772;text-align:center;font-size:calc(7px * var(--font-scale))}.import-review-confirm{min-height:44px;display:flex;align-items:center;gap:9px;padding:9px 12px;border-top:1px solid #dfe8e5;color:#45635d;background:#fbfcfc;font-size:calc(8px * var(--font-scale));font-weight:600}.import-review-confirm input{width:18px;height:18px;accent-color:var(--deep-2)}.import-guide .panel{padding-bottom:10px}.import-steps{list-style:none;margin:0;padding:8px 16px}.import-steps li{display:flex;gap:11px;position:relative;padding:9px 0 14px}.import-steps li:not(:last-child):after{content:"";position:absolute;width:1px;background:#dce5e2;top:38px;bottom:-2px;left:14px}.import-steps li>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#f0f3f2;color:#84928f;z-index:1}.import-steps li.done>span{background:#e6f1ed;color:#32776d}.import-steps strong{font-size:calc(9px * var(--font-scale))}.import-steps p{margin:2px 0 0;color:var(--muted);font-size:calc(8px * var(--font-scale))}.template-card{padding:16px;display:flex;gap:12px}.template-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:#e5f3ec;color:#267d57;flex:0 0 43px}.template-card h3{margin:0;font-size:calc(11px * var(--font-scale))}.template-card p{margin:3px 0 8px;color:var(--muted);font-size:calc(8px * var(--font-scale));line-height:1.5}.template-card button,.template-card a{border:0;padding:0;background:transparent;display:flex;align-items:center;gap:5px;color:#2d746b;font-size:calc(8px * var(--font-scale));font-weight:700;text-decoration:none;cursor:pointer}.source-card{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid #cddfd8;border-radius:12px;background:#eaf3f0;color:#2d6f66}.source-card div{flex:1}.source-card strong{font-size:calc(9px * var(--font-scale))}.source-card p{margin:2px 0 0;color:#66817b;font-size:calc(7px * var(--font-scale))}.source-card>span{padding:4px 7px;border-radius:999px;background:#fff;color:#6b9018;font-size:calc(7px * var(--font-scale));font-weight:700}.customer-hero{min-height:208px;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:30px 34px;border-radius:18px;border:1px solid #c9ddd7;background:radial-gradient(circle at 86% 12%,rgba(183,220,55,.18),transparent 25%),linear-gradient(120deg,#e2efeb,#f7f9f1 68%,#eef5dc);position:relative;overflow:hidden}.customer-hero:after{content:"";position:absolute;right:-55px;bottom:-105px;width:240px;height:240px;border:1px solid rgba(38,105,95,.09);border-radius:50%;box-shadow:0 0 0 42px #ffffff4f,0 0 0 84px #26695f06;pointer-events:none}.customer-hero-copy{flex:1;min-width:0;position:relative;z-index:1}.customer-hero h2{margin:8px 0 6px;font-size:calc(24px * var(--font-scale));line-height:1.32;color:#153e39;letter-spacing:-.35px}.customer-hero h2 span{color:#377a70}.customer-hero p{max-width:680px;margin:0;color:#617873;font-size:calc(9px * var(--font-scale));line-height:1.65}.customer-assurance{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;margin-top:15px}.customer-assurance>span{display:inline-flex;align-items:center;gap:5px;color:#496d67;font-size:calc(8px * var(--font-scale));font-weight:700}.customer-assurance svg{color:#4b837b}.customer-assurance .sap-ready{padding:5px 8px;border:1px solid rgba(39,111,100,.16);border-radius:999px;color:#276f64;background:#ffffffab;font-size:calc(7px * var(--font-scale));letter-spacing:.5px}.status-dot{width:6px;height:6px;border-radius:50%;background:#86ad20;box-shadow:0 0 0 3px #86ad2021}.customer-master-summary{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:8px;position:relative;z-index:1}.customer-master-summary>div{min-width:100px;padding:15px 16px;border:1px solid rgba(39,101,91,.11);border-radius:12px;background:#ffffffb3;box-shadow:0 8px 24px #1d4b430d}.customer-master-summary strong,.customer-master-summary span{display:block}.customer-master-summary strong{color:#194f47;font-size:calc(21px * var(--font-scale));line-height:1.2}.customer-master-summary span{margin-top:5px;color:#71837e;font-size:calc(8px * var(--font-scale))}.database-state{min-width:205px;display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:11px;background:#ffffffc7;border:1px solid rgba(37,88,79,.12)}.database-state>span{width:10px;height:10px;border-radius:50%;background:#d99b38;box-shadow:0 0 0 4px #d99b3821}.database-state.online>span{background:#6c9c1d;box-shadow:0 0 0 4px #6c9c1d21}.database-state strong,.database-state small{display:block}.database-state strong{font-size:calc(9px * var(--font-scale))}.database-state small{color:#758681;font-size:calc(7px * var(--font-scale));margin-top:2px}.customer-tools{display:flex;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid #e5ece9}.customer-tools .search-input{flex:1;min-width:220px}.customer-status-filter{display:flex;align-items:center;padding:3px;border:1px solid #dce6e2;border-radius:10px;background:#f5f8f7}.customer-status-filter button{min-height:34px;display:flex;align-items:center;gap:5px;padding:0 9px;border:0;border-radius:7px;color:#6d7d79;background:transparent;font-size:calc(8px * var(--font-scale));font-weight:700;white-space:nowrap}.customer-status-filter button span{min-width:20px;padding:2px 5px;border-radius:999px;background:#e8eeec;font-size:calc(7px * var(--font-scale))}.customer-status-filter button.active{color:#fff;background:#276d64;box-shadow:0 4px 10px #20605624}.customer-status-filter button.active span{color:#205b53;background:#dff0eb}.customer-table-wrap{overflow:auto}.customer-table{width:100%;min-width:1050px;border-collapse:collapse;font-size:calc(9px * var(--font-scale))}.customer-master-table{min-width:1390px}.customer-table th{text-align:left;padding:11px 13px;color:#6d7e7a;background:#f7f9f8;border-bottom:1px solid #dfe7e4;font-size:calc(8px * var(--font-scale))}.customer-table td{padding:12px 13px;border-bottom:1px solid #e8eeec;vertical-align:middle}.customer-table tr:last-child td{border-bottom:0}.customer-table tr.inactive td{color:#7f8c89;background:#fafbfb}.customer-code{display:block;margin-top:5px;color:#236b62;font-size:calc(8px * var(--font-scale))}.customer-state{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:calc(7px * var(--font-scale));font-weight:700}.customer-state.active{color:#5e861d;background:#eaf5e1}.customer-state.inactive{color:#a15b4b;background:#fff0ec}.customer-name{display:flex;align-items:center;gap:10px}.customer-name>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;color:#2c7168;background:#e7f1ee;font-weight:700}.customer-name strong,.customer-name small{display:block}.customer-name strong{font-size:calc(9px * var(--font-scale))}.customer-name small{max-width:290px;margin-top:2px;color:#84928f;font-size:calc(7px * var(--font-scale));overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.table-subtext{display:block;margin-top:3px;color:#84928f;font-size:calc(7px * var(--font-scale))}.customer-row-actions{display:flex;align-items:center;gap:1px}.customer-row-actions .icon-button{width:32px;height:32px}.sync-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f0f3f2;color:#788783;font-size:calc(7px * var(--font-scale));font-weight:700}.sync-pill.synced{background:#eaf5e1;color:#5f8d1c}.customer-modal,.customer-status-modal{width:min(660px,100%);max-height:calc(100vh - 45px);overflow:auto;background:#fff;border-radius:17px;box-shadow:0 28px 80px #00000047}.customer-status-modal{width:min(540px,100%)}.customer-status-body{display:grid;gap:16px;padding:19px}.customer-status-body .safe-note{justify-content:flex-start;margin:0;padding:14px;border-radius:10px;color:#52751b;background:#f0f7e7;font-size:calc(9px * var(--font-scale))}.archive-warning{display:flex;gap:11px;padding:13px;border:1px solid #efd6d0;border-radius:10px;color:#9d4c3b;background:#fff7f5}.archive-warning svg{flex:0 0 auto}.archive-warning strong{font-size:calc(10px * var(--font-scale))}.archive-warning p{margin:3px 0 0;color:#846c66;font-size:calc(8px * var(--font-scale));line-height:1.5}.customer-history-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.customer-history-summary>div{padding:11px 13px;border-radius:9px;background:#f3f7f5}.customer-history-summary span,.customer-history-summary strong{display:block}.customer-history-summary span{color:#758681;font-size:calc(7px * var(--font-scale))}.customer-history-summary strong{margin-top:3px;font-size:calc(10px * var(--font-scale))}.history-loading{min-height:160px;display:flex;align-items:center;justify-content:center;gap:10px;color:#71817d}.archive-reason{margin-top:7px!important;padding:7px 9px;border-radius:7px;color:#8c574a!important;background:#fff5f2}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding:14px 19px 18px;border-top:1px solid #e5ece9}.spin-icon{animation:spin .8s linear infinite}.access-hero,.history-summary{min-height:160px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 32px;border-radius:17px;border:1px solid #d2e0dc;background:linear-gradient(120deg,#e8f1ee,#f6f8ec)}.access-hero h2,.history-summary h2{margin:7px 0 4px;font-size:calc(23px * var(--font-scale))}.access-hero p,.history-summary p{margin:0;color:#687b76;font-size:calc(10px * var(--font-scale))}.role-summary,.history-kpis{display:flex;gap:8px}.role-summary>div,.history-kpis>div{min-width:115px;padding:14px 16px;border-left:1px solid rgba(33,78,71,.14)}.role-summary strong,.role-summary span,.history-kpis strong,.history-kpis span{display:block}.role-summary strong,.history-kpis strong{color:#1d584f;font-size:calc(23px * var(--font-scale))}.role-summary span,.history-kpis span{color:#748680;font-size:calc(8px * var(--font-scale))}.user-panel{position:relative;min-height:280px}.user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:17px}.user-card-panel{border:1px solid #dee7e4;border-radius:13px;padding:15px;transition:.2s}.user-card-panel:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1c3d3712}.user-card-panel.inactive{opacity:.64;background:#f7f8f8}.user-card-top{display:flex;align-items:flex-start}.user-avatar-large{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;color:#265f58;background:linear-gradient(145deg,#dcece7,#eef4df);font-size:calc(17px * var(--font-scale));font-weight:700}.account-state{margin-left:auto;padding:4px 7px;border-radius:999px;background:#f0f3f2;color:#7b8986;font-size:calc(7px * var(--font-scale));font-weight:700}.account-state.active{background:#eaf5e1;color:#618d1d}.user-card-actions{display:flex;margin:-5px -6px 0 5px}.user-card-actions .icon-button{width:31px;height:31px}.user-card-panel h3{margin:12px 0 1px;font-size:calc(12px * var(--font-scale))}.user-card-panel>p{margin:0;color:#758681;font-size:calc(8px * var(--font-scale))}.user-card-panel>a{display:block;margin:5px 0 13px;color:#347a70;text-decoration:none;font-size:calc(8px * var(--font-scale))}.user-meta{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf1f0;color:#71817d;font-size:calc(8px * var(--font-scale))}.user-meta span{display:flex;align-items:center;gap:5px}.user-meta strong{color:#304d49}.user-meta select{max-width:145px;border:1px solid #d9e3df;border-radius:7px;background:#fff;padding:5px 7px;color:#304d49;font-size:calc(8px * var(--font-scale))}.account-toggle{width:100%;margin-top:9px;min-height:34px;border-radius:8px;font-size:calc(8px * var(--font-scale));font-weight:700}.account-toggle.deactivate{border:1px solid #eadbd7;color:#aa5e4b;background:#fff7f5}.account-toggle.activate{border:1px solid #cadfba;color:#5d881e;background:#f2f8e9}.panel-loading{position:absolute;top:68px;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#fffc;color:#61736f;font-size:calc(9px * var(--font-scale))}.panel-loading .spinner{width:25px;height:25px;margin:0}.permission-table-wrap{overflow:auto}.permission-matrix table{width:100%;min-width:760px;border-collapse:collapse;font-size:calc(8px * var(--font-scale))}.permission-matrix th{padding:10px 14px;text-align:left;color:#6c7e79;background:#f7f9f8;border-bottom:1px solid #e0e8e5}.permission-matrix td{padding:11px 14px;border-bottom:1px solid #e9efed}.permission-matrix tr:last-child td{border-bottom:0}.permission-matrix td:not(:first-child){color:#58736d}.permission-matrix td svg{width:14px;height:14px;margin-right:5px;vertical-align:-2px;color:#6f991b}.permission-matrix tr td svg[data-lucide=x]{color:#ba6252}.menu-permission-panel{display:grid;gap:12px;padding:15px;border:1px solid #d9e7e2;border-radius:12px;background:linear-gradient(135deg,#f7fbfa,#fbfcf7)}.menu-permission-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.menu-permission-head strong,.menu-permission-head span{display:block}.menu-permission-head strong{color:#225b52;font-size:calc(10px * var(--font-scale))}.menu-permission-head span{margin-top:3px;color:#71847e;font-size:calc(8px * var(--font-scale))}.menu-permission-head small{flex:0 0 auto;color:#286e63;font-size:calc(8px * var(--font-scale));font-weight:700}.menu-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.menu-permission-item{min-width:0;display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #dce8e4;border-radius:9px;color:#355c55;background:#fff;cursor:pointer}.menu-permission-item:has(input:checked){border-color:#9bcabd;background:#edf8f4}.menu-permission-item input{width:17px;height:17px;flex:0 0 17px;accent-color:#287469}.menu-permission-item svg{flex:0 0 17px;color:#4d8178}.menu-permission-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(8px * var(--font-scale));font-weight:700}.menu-permission-item small{margin-left:auto;color:#8a9a95;font-size:calc(7px * var(--font-scale));white-space:nowrap}.menu-permission-admin-note{display:flex;align-items:center;gap:8px;padding:11px 12px;color:#2f6c61;border-radius:9px;background:#e9f5f0;font-size:calc(8px * var(--font-scale));font-weight:600}.menu-permission-panel>p{margin:0;color:#82918d;font-size:calc(7px * var(--font-scale));line-height:1.5}.history-filters{display:grid;grid-template-columns:1fr 250px;gap:11px;padding:15px 18px;border-bottom:1px solid #e5ece9}.history-table-wrap{overflow:auto}.history-table{width:100%;min-width:1180px;border-collapse:collapse;font-size:calc(9px * var(--font-scale))}.history-table th{padding:11px 12px;text-align:left;color:#6d7e7a;background:#f7f9f8;border-bottom:1px solid #dfe7e4;font-size:calc(8px * var(--font-scale))}.history-table td{padding:12px;border-bottom:1px solid #e8eeec}.history-table tr:hover td{background:#fbfcfc}.timeline-modal{width:min(760px,100%);max-height:calc(100vh - 50px);overflow:auto;border-radius:17px;background:#fff;box-shadow:0 28px 80px #00000047}.timeline-body{padding:17px 22px 24px}.timeline-head{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.timeline-head>div{padding:11px 13px;border-radius:9px;background:#f3f7f5}.timeline-head span,.timeline-head strong{display:block}.timeline-head span{color:#758681;font-size:calc(7px * var(--font-scale))}.timeline-head strong{margin-top:3px;font-size:calc(10px * var(--font-scale))}.timeline-list{padding-left:4px}.timeline-event{display:grid;grid-template-columns:30px 1fr;gap:10px;position:relative;padding-bottom:20px}.timeline-event:not(:last-child):after{content:"";width:1px;position:absolute;left:14px;top:31px;bottom:0;background:#d8e3df}.timeline-event>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#edf2f0;color:#778783;z-index:1}.timeline-event>span.current{background:#e4f1cf;color:#698f17}.timeline-event strong{font-size:calc(10px * var(--font-scale))}.timeline-event p{margin:2px 0;color:#677975;font-size:calc(8px * var(--font-scale))}.timeline-event small{color:#91a09c;font-size:calc(7px * var(--font-scale))}.history-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.document-status-detail{min-width:210px}.approval-decision-summary{display:grid;gap:2px;margin-top:7px;padding-left:9px;border-left:3px solid #89a39d;line-height:1.4}.approval-decision-summary.approved{border-color:#7ea52a}.approval-decision-summary.rejected{border-color:#c06a58}.approval-decision-summary strong{color:#35534e;font-size:calc(8px * var(--font-scale))}.approval-decision-summary span{color:#738580;font-size:calc(7px * var(--font-scale))}.approval-decision-summary small{max-width:260px;color:#6b7d78;font-size:calc(7px * var(--font-scale));white-space:normal;overflow-wrap:anywhere}.audit-section-title{margin:4px 0 12px;color:#294f49;font-size:calc(11px * var(--font-scale))}.audit-event-list{display:grid;gap:7px;margin-bottom:8px}.audit-event{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border:1px solid #e5ece9;border-radius:9px;background:#fafcfb}.audit-event svg{flex:0 0 auto;color:#4c7d75}.audit-event strong,.audit-event span{display:block}.audit-event strong{font-size:calc(8px * var(--font-scale))}.audit-event span{margin-top:2px;color:#7b8b87;font-size:calc(7px * var(--font-scale))}.audit-center .history-kpis{align-items:center}.audit-filters{display:grid;grid-template-columns:minmax(260px,1fr) 190px 170px 150px 150px;gap:9px;padding:15px 18px;border-bottom:1px solid #e5ece9}.audit-filters select,.audit-filters input{min-width:0;padding:10px 11px;border:1px solid #d8e2df;border-radius:9px;color:#294f49;background:#fff;font:inherit}.audit-table{min-width:1100px}.audit-table td small{display:block;margin-top:3px;color:#879590}.audit-table code{font-size:11px;color:#60716d}.audit-action-pill{display:inline-flex;padding:5px 8px;border-radius:999px;color:#28645a;background:#eaf3f0;font-weight:700}.audit-result-note{padding:11px 18px;color:#7a8985;background:#fafcfb;border-top:1px solid #e8eeec;font-size:calc(8px * var(--font-scale))}.audit-detail-modal{width:min(900px,100%)}.audit-metadata{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.audit-metadata>div{min-width:0;padding:10px 12px;border-radius:9px;background:#f3f7f5}.audit-metadata span,.audit-metadata strong{display:block}.audit-metadata span{color:#788985;font-size:12px}.audit-metadata strong{margin-top:4px;overflow-wrap:anywhere;font-size:13px}.audit-json{max-height:260px;overflow:auto;margin:0 0 18px;padding:14px;border:1px solid #dfe8e5;border-radius:10px;color:#29413d;background:#f8faf9;font:12px/1.55 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.audit-agent{color:#667974;font-size:12px}.audit-agent p{overflow-wrap:anywhere}.approval-hero{min-height:210px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px 36px;border-radius:19px;color:#fff;background:radial-gradient(circle at 84% 12%,rgba(183,220,55,.23),transparent 27%),linear-gradient(120deg,#0a3430,#15564e 68%,#287468);box-shadow:0 16px 38px #0c383321}.approval-hero>div:first-child{flex:1}.approval-hero h2{margin:10px 0 7px;font-size:calc(25px * var(--font-scale));line-height:1.3}.approval-hero h2 span{color:var(--lime)}.approval-hero p{max-width:720px;margin:0;color:#bfd6d1;font-size:calc(9px * var(--font-scale));line-height:1.7}.approval-authority{min-width:230px;padding:19px 21px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:#ffffff17;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.approval-authority span,.approval-authority strong,.approval-authority small{display:block}.approval-authority span{color:#a9c8c2;font-size:calc(8px * var(--font-scale))}.approval-authority strong{margin:5px 0 4px;color:#e7f6b5;font-size:calc(18px * var(--font-scale))}.approval-authority small{color:#c5d9d5;font-size:calc(8px * var(--font-scale))}.approval-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.approval-kpis>div{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}.approval-kpis svg{width:38px;height:38px;padding:9px;border-radius:10px;color:#28766b;background:#e9f3f0}.approval-kpis span,.approval-kpis strong{display:block}.approval-kpis span{color:#778783;font-size:calc(8px * var(--font-scale))}.approval-kpis strong{margin-bottom:2px;color:#1c4d46;font-size:calc(17px * var(--font-scale))}.approval-policy-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:17px 19px}.approval-policy-options label{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #dfe8e5;border-radius:11px;background:#fafcfb}.approval-policy-options input{width:18px;height:18px;flex:0 0 18px;accent-color:#256e64}.approval-policy-options strong,.approval-policy-options small{display:block}.approval-policy-options strong{font-size:calc(9px * var(--font-scale))}.approval-policy-options small{margin-top:3px;color:#7c8c88;font-size:calc(7px * var(--font-scale));line-height:1.45}.approval-list{padding:4px 17px 12px}.approval-list article{display:grid;grid-template-columns:42px minmax(220px,1fr) 150px minmax(240px,auto);gap:13px;align-items:center;padding:14px 3px;border-bottom:1px solid #e8eeec}.approval-list article:last-child{border-bottom:0}.approval-list article.blocked{opacity:.72}.approval-doc-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:#276f65;background:#e8f3f0}.approval-doc strong,.approval-doc span,.approval-doc small,.approval-amount span,.approval-amount strong{display:block}.approval-doc strong{font-size:calc(10px * var(--font-scale))}.approval-doc span{margin-top:2px;font-size:calc(9px * var(--font-scale))}.approval-doc small{margin-top:3px;color:#81908c;font-size:calc(7px * var(--font-scale))}.approval-amount{text-align:right}.approval-amount span{color:#82918d;font-size:calc(7px * var(--font-scale))}.approval-amount strong{margin-top:3px;color:#164d45;font-size:calc(13px * var(--font-scale))}.approval-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.approval-actions .reject{color:#a64e3f;border-color:#ead4ce}.approval-blocked{max-width:240px;display:inline-flex;align-items:center;gap:6px;color:#8a5c31;font-size:calc(8px * var(--font-scale))}.approval-blocked svg{flex:0 0 auto}.approval-threshold{display:flex;align-items:center;gap:14px;padding:17px 19px;border-bottom:1px solid #e5ece9;background:linear-gradient(90deg,#f6faf8,#fbfcf7)}.approval-threshold-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:13px;color:#28766b;background:#e5f1ed}.approval-threshold .field{flex:1}.approval-threshold .field>small{color:#7b8b87;font-size:calc(7px * var(--font-scale))}.money-input{display:flex;align-items:center;width:min(320px,100%);border:1px solid #cfded9;border-radius:10px;background:#fff;overflow:hidden}.money-input>span{padding:0 12px;color:#2f7168;font-weight:700}.money-input input{width:100%;min-height:42px;border:0;border-left:1px solid #e0e8e5;padding:8px 11px;outline:0}.money-input:focus-within{border-color:#66a498;box-shadow:0 0 0 4px #39817517}.company-settings-hero{min-height:154px;display:flex;align-items:center;gap:20px;padding:24px 28px;border:1px solid #cfe0da;border-radius:17px;background:linear-gradient(120deg,#e4f0ec,#f7f9ef)}.company-logo-card{width:78px;height:78px;flex:0 0 78px;display:grid;place-items:center;border-radius:18px;background:#fff;border:1px solid rgba(31,81,73,.12);box-shadow:0 9px 24px #1e433d14;overflow:hidden;padding:5px}.company-logo-card img{width:100%;height:100%;object-fit:contain}.company-settings-hero>div:nth-child(2){flex:1}.company-settings-hero h2{margin:7px 0 3px;color:#173f3a;font-size:calc(20px * var(--font-scale))}.company-settings-hero p{margin:0;color:#647a74;font-size:calc(9px * var(--font-scale))}.connection-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#fff4e3;color:#a36c1d;font-size:calc(7px * var(--font-scale));font-weight:700}.connection-pill.online{background:#e8f4df;color:#62891d}.company-settings-actions{display:flex;gap:9px}.company-settings-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px;align-items:start}.company-side-stack{display:flex;flex-direction:column;gap:18px}.company-form-grid .field small{color:#8a9995;font-size:calc(7px * var(--font-scale));line-height:1.45}.read-only-input{color:#6f7e7a!important;background:#eef2f1!important;cursor:not-allowed}.company-document-preview{min-height:235px;padding:23px;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(#fff,#fafcfb)}.company-document-preview img{width:86px;height:68px;object-fit:contain;margin-bottom:12px}.company-document-preview strong{font-size:calc(12px * var(--font-scale));color:#1d5049}.company-document-preview span{margin-top:6px;color:#73847f;font-size:calc(8px * var(--font-scale));line-height:1.5}.setting-preview{justify-content:center;padding:10px 14px;border:1px dashed #c8d9d3;border-radius:10px;background:#f6f9f8}.setting-preview strong{color:#17534b;font-size:calc(14px * var(--font-scale));letter-spacing:.04em}.setting-preview small{color:#82918d;font-size:calc(7px * var(--font-scale))}.font-setting-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:17px}.font-setting-options button{min-height:42px;border:1px solid #d9e3df;border-radius:9px;color:#637570;background:#fff;font-size:calc(8px * var(--font-scale));font-weight:700}.font-setting-options button.active{color:#fff;border-color:#286f66;background:#286f66;box-shadow:0 6px 15px #21685e2b}.system-readiness>div:last-child{display:flex;flex-direction:column;gap:11px;padding:17px 19px 20px}.system-readiness>div:last-child span{display:flex;align-items:center;gap:8px;color:#416b64;font-size:calc(8px * var(--font-scale))}.system-readiness>div:last-child span svg{color:#6c981c}.system-readiness>div:last-child span.muted{color:#7f8e8a}.system-readiness>div:last-child span.muted svg{color:#879590}.issuer-registry-layout{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(480px,1.7fr) minmax(260px,.8fr);gap:18px;align-items:start}.issuer-company-list{border:1px solid var(--line);border-radius:18px;background:#fff;padding:10px;display:grid;gap:7px;box-shadow:var(--shadow)}.issuer-list-head{display:flex;justify-content:space-between;align-items:center;padding:10px 8px 12px}.issuer-list-head span{color:var(--muted);font-size:calc(9px * var(--font-scale))}.issuer-company-list>button{width:100%;border:1px solid transparent;background:transparent;border-radius:13px;padding:11px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer}.issuer-company-list>button:hover{background:#f5faf8}.issuer-company-list>button.active{border-color:#99cabe;background:#edf8f5;box-shadow:inset 3px 0 #147567}.issuer-company-list>button img{width:44px;height:44px;object-fit:contain;border-radius:9px;background:#fff;border:1px solid var(--line);padding:4px}.issuer-company-list>button div{min-width:0;display:grid;gap:3px}.issuer-company-list>button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(10px * var(--font-scale))}.issuer-company-list>button span{color:var(--muted);font-size:calc(8px * var(--font-scale))}.issuer-company-list>button em{font-style:normal;color:#0d695c;background:#dff4ee;border-radius:999px;padding:4px 7px;font-size:calc(7px * var(--font-scale));white-space:nowrap}.issuer-list-empty{padding:24px 12px;text-align:center;color:var(--muted)}.issuer-company-form{min-width:0}.issuer-logo-editor{display:flex;gap:15px;align-items:center;padding:14px;margin:17px 19px 0;border:1px dashed #b8d6cf;border-radius:14px;background:#f7fbfa}.issuer-logo-preview{width:104px;height:74px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px;display:grid;place-items:center;flex:0 0 auto}.issuer-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.issuer-logo-editor>div:last-child{display:grid;gap:5px}.issuer-logo-editor>div:last-child>span{color:var(--muted);font-size:calc(9px * var(--font-scale))}.issuer-logo-editor>div:last-child>div{display:flex;align-items:center;gap:12px;margin-top:5px}.danger-text{color:#b42318!important}.checkbox-field .checkbox-row{min-height:44px;display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:600}.checkbox-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--deep-2)}.issuer-form-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 19px;border-top:1px solid var(--line)}.issuer-live-preview{position:sticky;top:86px}.issuer-summary{display:grid;gap:15px}.issuer-inline-preview{margin:0 19px 19px;border:1px solid #dbe9e5;background:#f8fbfa;border-radius:13px;padding:12px;display:flex;gap:13px;align-items:center}.issuer-inline-preview img{width:72px;height:52px;padding:5px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:9px}.issuer-inline-preview>div{min-width:0;display:grid;gap:2px}.issuer-inline-preview strong{font-size:calc(10px * var(--font-scale))}.issuer-inline-preview span,.issuer-inline-preview small{color:var(--muted);font-size:calc(8px * var(--font-scale));line-height:1.45}.catalog-tool-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.catalog-search-scope{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0 18px 12px;color:#71817d;font-size:calc(8px * var(--font-scale));border-bottom:1px solid #e7edeb}.catalog-search-scope svg{color:#347b70}.catalog-search-scope>span{font-weight:700}.catalog-search-scope em{font-style:normal;padding:3px 7px;border-radius:999px;color:#52716b;background:#edf4f1}.catalog-filter-bar{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(110px,.65fr) minmax(105px,.6fr) minmax(105px,.6fr) auto;gap:8px;align-items:end;padding:12px 18px;background:#fafcfb;border-bottom:1px solid #e7edeb}.catalog-filter-bar label{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 6px;color:#6d807b}.catalog-filter-bar label>span{grid-column:1 / -1;font-size:calc(7px * var(--font-scale));font-weight:700}.catalog-filter-bar select,.catalog-filter-bar input{min-width:0;width:100%;height:37px;border:1px solid #d8e3df;border-radius:8px;padding:0 8px;background:#fff;color:var(--ink);font-size:calc(8px * var(--font-scale));outline:0}.catalog-filter-bar label>svg+select{grid-column:2}.catalog-filter-bar .price-filter{display:flex;flex-direction:column;align-items:stretch;gap:4px}.catalog-filter-bar .price-filter span{grid-column:auto}.catalog-filter-bar>button{min-height:37px;justify-content:center;white-space:nowrap}.catalog-table.detailed{min-width:1180px}.catalog-table td small{display:block;margin-top:3px;color:#879591;font-size:calc(7px * var(--font-scale))}.product-body h3{min-height:2.7em;line-height:1.35}.product-modal{width:min(760px,100%)}@media(max-width:1200px){.catalog-filter-bar{grid-template-columns:repeat(3,1fr)}.catalog-filter-bar>button{align-self:end}.issuer-registry-layout{grid-template-columns:minmax(220px,.65fr) minmax(480px,1.35fr)}.issuer-live-preview{grid-column:1 / -1;position:static}.user-grid,.stat-grid{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(3,1fr)}.document-card{right:16px}.document-card.back{right:-4px}.badge-one{right:165px}}@media(max-width:980px){.sidebar{--font-scale: 1.12;transform:translate(-100%);transition:.25s;box-shadow:20px 0 50px #0003;padding:16px 13px 14px}.sidebar-open{transform:translate(0)}.sidebar-close{display:inline-grid!important}.sidebar-backdrop{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;background:#051c1a7a}.sidebar .sidebar-card{display:none}.main-nav{padding:10px 0}.main-nav button{padding:9px 12px;margin:2px 0}.app-content{margin-left:0;width:100%}.mobile-menu{display:inline-grid}.workspace{padding:21px 22px 95px}.topbar{padding:0 22px}.mobile-nav{display:flex;position:fixed;z-index:60;bottom:0;left:0;right:0;min-height:calc(67px + env(safe-area-inset-bottom));background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);justify-content:space-around;padding:7px 10px calc(7px + env(safe-area-inset-bottom))}.mobile-nav button{min-width:58px;min-height:44px;border:0;background:transparent;color:#879591;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:calc(8px * var(--font-scale))}.mobile-nav button.active{color:#216d63;font-weight:700}.dashboard-grid,.builder-layout{grid-template-columns:1fr}.sticky-card{position:static}.summary-column{order:-1}.summary-card{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.summary-head,.mini-form{grid-column:span 2}.grand-total{border-bottom:1px solid #e5ece9}.summary-buttons,.safe-note{align-self:center}.import-layout{grid-template-columns:1fr}.import-guide{display:grid;grid-template-columns:1fr 1fr}.source-card{grid-column:span 2}.catalog-tools{align-items:stretch;flex-direction:column}.catalog-tool-actions{justify-content:space-between}.catalog-grid{grid-template-columns:repeat(3,1fr)}.company-settings-grid{grid-template-columns:1fr}.company-side-stack{display:grid;grid-template-columns:repeat(2,1fr)}.company-preview-card{max-width:none}}@media(max-width:720px){.issuer-registry-layout{grid-template-columns:1fr}.issuer-company-list{max-height:360px;overflow:auto}.issuer-company-list>button{grid-template-columns:44px 1fr}.issuer-company-list>button em{grid-column:2;justify-self:start}.issuer-logo-editor{align-items:flex-start;flex-direction:column}.timeline-head{grid-template-columns:1fr}.approval-hero{align-items:flex-start;flex-direction:column;padding:24px}.approval-hero h2{font-size:calc(20px * var(--font-scale))}.approval-authority{width:100%}.approval-kpis,.approval-policy-options{grid-template-columns:1fr}.approval-list article{grid-template-columns:42px 1fr}.approval-amount{grid-column:2;text-align:left}.approval-actions{grid-column:1 / -1;justify-content:stretch}.approval-actions button{flex:1}.approval-blocked{max-width:none}.history-actions{flex-direction:column;align-items:flex-start}.font-scale-button span{display:none}.font-scale-button{width:38px;padding:0;justify-content:center}.customer-hero{padding:22px;align-items:flex-start;flex-direction:column}.database-state{display:none}.customer-hero h2{font-size:calc(19px * var(--font-scale))}.customer-master-summary{width:100%;overflow:auto}.customer-master-summary>div{min-width:92px;padding:9px 12px}.customer-tools{align-items:stretch;flex-direction:column}.customer-tools .primary-button{width:100%}.customer-status-filter{width:100%;overflow:auto}.customer-status-filter button{flex:1;justify-content:center}.customer-modal,.customer-status-modal{border-radius:18px 18px 0 0;max-height:94vh}.customer-history-summary{grid-template-columns:1fr}.access-hero,.history-summary{padding:22px}.access-hero h2,.history-summary h2{font-size:calc(19px * var(--font-scale))}.role-summary,.history-kpis{display:none}.user-grid,.history-filters{grid-template-columns:1fr;padding:12px}.timeline-modal{border-radius:18px 18px 0 0;max-height:94vh;max-height:94dvh}.audit-filters{grid-template-columns:1fr;padding:12px}.audit-metadata{grid-template-columns:1fr}.topbar{height:68px;padding:0 14px}.topbar-title h1{font-size:calc(16px * var(--font-scale))}.topbar-title p{display:none}.topbar-actions .primary-button{width:44px;min-height:44px;padding:0;font-size:0}.workspace{padding:15px 13px calc(88px + env(safe-area-inset-bottom))}.page-stack{gap:14px}.icon-button{min-width:44px;min-height:44px}.primary-button,.secondary-button,.hero-button,.danger-button{min-height:44px}.hero-card{min-height:350px;padding:28px 24px}.hero-copy{width:100%;z-index:4}.hero-copy h2{font-size:calc(27px * var(--font-scale))}.hero-copy p{max-width:82%}.hero-visual{position:absolute;inset:auto 0 -35px auto;width:190px;height:190px;opacity:.32}.document-card{transform:rotate(-5deg) scale(.8)!important}.float-badge{display:none}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px;gap:10px}.stat-icon{width:36px;height:36px;flex-basis:36px}.stat-card strong{font-size:calc(17px * var(--font-scale))}.quote-row{grid-template-columns:34px minmax(0,1fr) 80px 28px}.quote-date,.quote-value{display:none}.status{font-size:calc(7px * var(--font-scale))}.builder-toolbar{align-items:flex-start;flex-direction:column;position:sticky;top:68px;z-index:20;margin:0 -13px;padding:8px 13px;background:#f3f6f4f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.builder-actions{width:100%}.builder-actions button{flex:1}.steps{overflow-x:auto;width:100%;padding-bottom:1px}.steps button{min-height:44px;padding-right:21px;margin-right:10px;font-size:calc(9px * var(--font-scale))}.form-grid.three,.form-grid.two{grid-template-columns:1fr}.span-2{grid-column:auto}.customer-summary .form-grid{display:grid}.summary-card{display:block}.summary-head,.mini-form{grid-column:auto}.customer-summary,.items-card,.summary-card{scroll-margin-top:132px}.line-table-wrap{overflow:visible}.line-table{display:block;min-width:0;padding:10px}.line-table thead{display:none}.line-table tbody{display:grid;gap:10px}.line-table tr{display:block;overflow:hidden;border:1px solid #dde7e3;border-radius:12px;background:#fff}.line-table td,.line-table td:nth-child(2){min-width:0;display:grid;grid-template-columns:minmax(88px,.7fr) minmax(0,1.3fr);align-items:center;gap:10px;padding:9px 11px;border-top:1px solid #edf1ef;text-align:right}.line-table td:first-child{display:none}.line-table td:nth-child(2){border-top:0;text-align:left}.line-table td:before{content:attr(data-label);color:#71817d;text-align:left;font-size:calc(8px * var(--font-scale));font-weight:700}.line-table td:nth-child(2):before{align-self:start}.line-table input,.line-table .price-input{width:min(130px,100%);min-height:40px;justify-self:end;padding:7px}.line-table .icon-button{justify-self:end}.line-product,.line-product div{min-width:0}.line-product strong{overflow-wrap:anywhere}.modal-backdrop{padding:0;align-items:flex-end}.picker-modal{width:100%;max-height:94vh;max-height:94dvh;border-radius:18px 18px 0 0}.modal-head{position:sticky;top:0;z-index:3;background:#fff}.modal-actions{position:sticky;bottom:0;z-index:3;padding-bottom:calc(18px + env(safe-area-inset-bottom));background:#fff}.customer-modal,.customer-status-modal{max-height:94vh;max-height:94dvh}.picker-controls{grid-template-columns:1fr;padding:12px 14px}.picker-results{padding:12px 14px calc(22px + env(safe-area-inset-bottom))}.product-picker-grid{grid-template-columns:1fr}.picker-product{grid-template-columns:70px 1fr auto}.picker-image{width:70px;height:57px}.preview-toolbar{padding:9px 12px}.preview-toolbar .preview-print-button{display:none}.preview-toolbar .preview-excel-button,.preview-toolbar .primary-button{font-size:0;padding:0;width:40px}.paper-stage{padding:15px}.quotation-document{transform-origin:top left;width:794px;transform:scale(calc((100vw - 30px) / 794))}.catalog-banner{padding:22px}.catalog-banner-stat{display:none}.catalog-banner h2{font-size:calc(19px * var(--font-scale))}.filter-group{flex-wrap:wrap}.filter-group label{flex:1;min-width:130px}.catalog-tool-actions .primary-button{flex:1}.catalog-search-scope{padding:0 13px 10px;max-height:58px;overflow:hidden}.catalog-filter-bar{grid-template-columns:1fr 1fr;padding:10px 13px}.catalog-filter-bar>button{min-height:40px}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:9px;padding:0 12px}.product-image{height:105px}.product-body{padding:10px}.product-body h3{font-size:calc(10px * var(--font-scale))}.catalog-count{padding:10px 13px}.import-hero{align-items:flex-start;padding:22px}.import-hero-icon,.format-pills{display:none}.import-hero h2{font-size:calc(19px * var(--font-scale))}.drop-zone{margin:13px;min-height:235px}.import-result{margin:0 13px}.import-guide{display:flex}.source-card{grid-column:auto}.result-file{align-items:flex-start;flex-wrap:wrap}.result-file>div{min-width:calc(100% - 54px)}.result-stats{grid-template-columns:1fr}.import-review-head{flex-direction:column}.import-review-table{display:block;min-width:0}.import-review-table thead{display:none}.import-review-table tbody{display:grid;gap:9px;padding:9px}.import-review-table tr{display:block;border:1px solid #dce6e2;border-radius:10px;overflow:hidden}.import-review-table td{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px;border-top:1px solid #edf1ef}.import-review-table td:first-child{border-top:0}.import-review-table td:before{content:attr(data-label);color:#71817d;font-size:calc(8px * var(--font-scale));font-weight:700}.import-review-table input{min-height:40px}.import-review-table .icon-button{justify-self:end}.toast{left:14px;right:14px;bottom:calc(81px + env(safe-area-inset-bottom));justify-content:center}.company-settings-hero{align-items:flex-start;padding:20px;flex-wrap:wrap}.company-logo-card{width:62px;height:62px;flex-basis:62px}.company-settings-actions{width:100%}.company-settings-actions button{flex:1}.company-side-stack{display:flex}.font-setting-options{grid-template-columns:1fr}}@media(max-width:430px){.stat-grid{grid-template-columns:1fr}.stat-card{align-items:center}.stat-card>div:nth-child(2){display:grid;grid-template-columns:1fr auto;align-items:center;width:100%}.stat-card p{grid-column:span 2}.stat-card small{text-align:right}.catalog-grid{grid-template-columns:1fr 1fr}.product-image{height:92px}.product-body>div{flex-wrap:wrap}.product-body button{display:none}.picker-product{grid-template-columns:62px 1fr}.picker-image{width:62px;height:54px}.picker-product>button{grid-column:span 2;width:100%;justify-content:center}}.customer-combobox{position:relative;z-index:12}.customer-combobox-control{display:flex;align-items:center;gap:8px;min-height:39px;padding:0 10px;border:1px solid #d9e3df;border-radius:8px;color:#70827e;background:#fbfcfc;transition:.18s}.customer-combobox-control:focus-within{border-color:#70a69d;box-shadow:0 0 0 3px #42837817;background:#fff}.customer-combobox-control input{min-width:0;padding:9px 0;border:0;border-radius:0;box-shadow:none!important;background:transparent!important}.customer-combobox-control>svg:last-child{flex:0 0 auto;transition:transform .18s}.customer-combobox-control>svg:last-child.open{transform:rotate(180deg)}.customer-combobox-results{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;max-height:290px;overflow-y:auto;padding:6px;border:1px solid #d7e2de;border-radius:10px;background:#fff;box-shadow:0 16px 40px #123f3929}.customer-combobox-results button{width:100%;display:flex;flex-direction:column;gap:3px;padding:9px 10px;border:0;border-radius:7px;color:#203c38;text-align:left;background:transparent;cursor:pointer}.customer-combobox-results button:hover,.customer-combobox-results button.active{background:#edf5f2}.customer-combobox-results strong{font-size:calc(10px * var(--font-scale))}.customer-combobox-results small{color:#71827e;font-size:calc(8px * var(--font-scale))}.customer-combobox-results p{margin:0;padding:18px 10px;color:#7b8c88;text-align:center;font-size:calc(9px * var(--font-scale))}.quotation-paper{--font-scale:1;padding:38px 42px 32px;color:#203532;font-family:Sarabun,Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif;font-size:11.5pt;line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}.paper-header{padding-bottom:14px;border-bottom-width:2px}.paper-brand{gap:15px;max-width:485px}.paper-brand img{width:88px;height:54px}.paper-brand strong{margin-bottom:4px;font-size:15pt;line-height:1.3;font-weight:700}.paper-brand span{font-size:10.25pt;line-height:1.5;color:#526763}.paper-title{min-width:175px}.paper-title h1{font-size:22.5pt;line-height:1.15;font-weight:700}.paper-title>strong{margin:2px 0 7px;font-size:9.75pt;letter-spacing:2.3px}.paper-title span{font-size:10.5pt;line-height:1.55;font-weight:500}.paper-customer{margin:14px 0 11px;padding:12px 14px;grid-template-columns:minmax(0,1fr) 225px;gap:18px;border-color:#bdccc7;background:#f8faf9}.paper-customer span{font-size:9.75pt;font-weight:600}.paper-customer strong{margin:2px 0 3px;font-size:12.25pt;line-height:1.35}.paper-customer p{margin:2px 0;font-size:10.5pt;line-height:1.5}.paper-intro{margin:0 0 8px;font-size:10.5pt;line-height:1.5}.paper-table{table-layout:fixed;font-size:10.5pt;line-height:1.4}.paper-table th{padding:7px 5px;font-size:10.5pt;font-weight:600}.paper-table th small{font-size:8pt}.paper-table td{padding:7px 6px;border-color:#8fa19c}.paper-table th:nth-child(1){width:7%}.paper-table th:nth-child(2){width:35%}.paper-table th:nth-child(3){width:9%}.paper-table th:nth-child(4){width:8%}.paper-table th:nth-child(5){width:14%}.paper-table th:nth-child(6){width:11%}.paper-table th:nth-child(7){width:16%}.paper-empty td{height:68px}.paper-spacer td{height:25px}.paper-bottom{grid-template-columns:minmax(0,1fr) 245px;border-color:#8fa19c}.paper-notes{padding:10px 12px}.paper-notes h3{margin:0 0 5px;font-size:11.5pt}.paper-notes p{margin:2px 0;font-size:10pt;line-height:1.55}.paper-totals{border-color:#8fa19c}.paper-totals>div{padding:6px 9px;font-size:10.5pt}.paper-totals strong{font-weight:600}.paper-grand{font-size:12.25pt!important;font-weight:700}.paper-baht{padding:6px 10px;font-size:10.5pt;font-weight:500;border-color:#8fa19c}.paper-signatures{gap:48px;margin-top:42px}.paper-signatures span,.paper-signatures strong,.paper-signatures small{font-size:10pt;line-height:1.7}.paper-signatures strong{font-size:10.5pt}.paper-footer{bottom:18px;left:42px;right:42px;padding-top:6px;font-size:8.75pt}.auth-loading{min-height:100vh;display:grid;place-items:center;align-content:center;gap:16px;color:#56716b;background:#f4f7f6}.auth-loading .brand-mark{width:56px;height:56px}.auth-loading p{margin:0;font-size:14px;font-weight:600}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);background:#f7f9f8}.login-showcase{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:42px 54px;color:#fff;background:radial-gradient(circle at 75% 25%,rgba(112,174,129,.32),transparent 32%),linear-gradient(145deg,#0b3d38,#14564d 58%,#1c675b)}.login-showcase:after{content:"";position:absolute;width:460px;height:460px;right:-170px;bottom:-190px;border:70px solid rgba(255,255,255,.055);border-radius:50%}.login-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.login-brand .brand-mark{background:#fff}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:18px}.login-brand small{margin-top:1px;color:#a9cbc5;font-size:11px;letter-spacing:.7px;text-transform:uppercase}.login-copy{max-width:610px;margin:auto 0;position:relative;z-index:1}.login-copy .eyebrow{color:#d8ece8}.login-copy h1{margin:17px 0 14px;font-size:clamp(39px,4.3vw,67px);line-height:1.12;letter-spacing:-1.5px}.login-copy>p{max-width:570px;margin:0;color:#c3ddd8;font-size:16px;line-height:1.85}.login-features{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:30px}.login-features span{display:flex;align-items:center;gap:7px;color:#e4f1ef;font-size:13px;font-weight:600}.login-features svg{width:17px;color:#a8cf68}.login-version{position:relative;z-index:1;color:#8dbab2;font-size:11px}.login-form-side{display:grid;place-items:center;padding:38px}.login-card{width:min(100%,440px);padding:40px 42px;border:1px solid #dce5e2;border-radius:22px;background:#fff;box-shadow:0 24px 70px #133d371a}.login-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;color:#1c6b60;background:#e7f2ee}.login-card h2{margin:19px 0 4px;color:#173d38;font-size:28px}.login-card>p{margin:0 0 24px;color:#73827f;font-size:13px}.login-card label{display:flex;flex-direction:column;gap:7px;margin-top:15px}.login-card label span{color:#506762;font-size:12px;font-weight:700}.login-card input{width:100%;min-height:45px;padding:10px 12px;border:1px solid #d5e0dc;border-radius:9px;color:#1d3935;background:#fbfcfc;font-size:14px;outline:none}.login-card input:focus{border-color:#62a095;box-shadow:0 0 0 4px #3981751a;background:#fff}.login-submit{min-height:46px;margin-top:22px;font-size:14px}.login-error{display:flex;gap:8px;align-items:flex-start;padding:11px 12px;margin:13px 0 4px;border-radius:9px;color:#9d4334;background:#fff0ed;font-size:12px;line-height:1.5}.login-error svg{flex:0 0 auto}.login-help{display:flex;gap:7px;align-items:flex-start;margin-top:17px;color:#82908d;font-size:10px;line-height:1.5}.login-help svg{flex:0 0 auto;color:#6e9b92}.authenticated-user{display:flex!important;gap:6px!important;padding:8px!important}.user-profile-button{min-width:0;flex:1;display:grid;grid-template-columns:37px minmax(0,1fr) 18px;align-items:center;gap:9px;border:0;padding:0;color:inherit;text-align:left;background:transparent;cursor:pointer}.user-profile-button>div:nth-child(2){min-width:0}.user-profile-button strong,.user-profile-button small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.authenticated-user .avatar{position:relative}.authenticated-user .avatar i,.user-avatar-large i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid white;border-radius:50%;background:#72a91f}.sidebar-logout{width:34px;height:34px;display:grid;place-items:center;align-self:center;border:0;border-radius:8px;color:#768682;background:transparent;cursor:pointer}.sidebar-logout:hover{color:#a34c3c;background:#fff0ed}.password-modal{max-width:520px}.password-policy{display:flex;gap:11px;align-items:flex-start;margin:16px 19px 0;padding:12px 13px;border:1px solid #d8e7e2;border-radius:10px;color:#2d655d;background:#eef6f3}.password-policy svg{flex:0 0 auto}.password-policy strong{display:block;font-size:12px}.password-policy p{margin:2px 0 0;color:#68807a;font-size:10px;line-height:1.55}.password-inline-note{display:flex;align-items:flex-start;gap:7px;padding:10px 11px;border-radius:8px;color:#5f746f;background:#f1f5f4;font-size:10px;line-height:1.55}.password-inline-note svg{flex:0 0 auto;color:#428378}.user-avatar-large{position:relative}.account-state.online{color:#39751a;background:#e5f4d8;border:1px solid #cce5b8}.account-state.offline{color:#65736f;background:#edf1f0;border:1px solid #dce3e1}.account-state.inactive{color:#9a6559;background:#f8e9e5;border:1px solid #edd4ce}.password-input-wrap{position:relative;width:100%}.password-input-wrap input{width:100%;padding-right:100px!important}.password-visibility{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-width:44px;height:28px;padding:0 7px;border:0;border-radius:6px;color:#2c6b63;background:#edf4f2;font-size:10px;font-weight:700}.password-count{position:absolute;right:58px;top:50%;transform:translateY(-50%);color:#82918e;font-size:9px;pointer-events:none}.login-card .password-input-wrap input{padding:11px 100px 11px 12px;border:1px solid #d6e1de;border-radius:9px;font-size:13px;outline:none}.own-password-note{align-items:center}.own-password-note>div{flex:1}.own-password-note strong,.own-password-note span{display:block}.own-password-note span{margin-top:2px;color:#71827e}@media(max-width:820px){.login-page{grid-template-columns:1fr}.login-showcase{min-height:270px;padding:28px 30px}.login-copy{margin:42px 0 30px}.login-copy h1{font-size:36px}.login-copy>p{font-size:13px}.login-features,.login-version{display:none}.login-form-side{padding:24px 18px 38px}.login-card{padding:29px 25px;margin-top:-54px;position:relative;z-index:2}}@media print{body *{visibility:hidden!important}.printable-area,.printable-area *{visibility:visible!important}.printable-area{position:absolute!important;left:0!important;top:0!important;width:210mm!important;margin:0!important;padding:0!important;box-shadow:none!important;transform:none!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}.quotation-page{width:210mm!important;height:297mm!important;min-height:297mm!important;margin:0!important;padding:10mm 11mm!important;overflow:hidden!important;box-shadow:none!important;break-after:page;page-break-after:always}.quotation-page:last-child{break-after:auto;page-break-after:auto}.paper-table thead{display:table-header-group}.paper-table tr,.paper-bottom,.paper-baht,.paper-signatures{break-inside:avoid;page-break-inside:avoid}.paper-footer{left:11mm;right:11mm;bottom:7mm}@page{size:A4;margin:0}}.picker-controls>button{grid-column:1 / -1;justify-content:center}.picker-controls>button.active{background:var(--deep-2);color:#fff}.picker-standard-picker{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:9px 11px;border:1px solid #d9e3df;border-radius:10px;background:#fff}.picker-standard-copy{min-width:0;display:flex;align-items:center;gap:9px;color:#2f6d64}.picker-standard-copy>svg{flex:0 0 auto}.picker-standard-copy strong,.picker-standard-copy small{display:block}.picker-standard-copy strong{color:#354d49;font-size:calc(9px * var(--font-scale))}.picker-standard-copy small{margin-top:2px;color:#7b8c88;font-size:calc(7px * var(--font-scale))}.picker-standard-options{flex:0 0 auto;display:flex;gap:7px}.picker-standard-options button{min-width:76px;height:34px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 11px;border:1px solid #cbd9d5;border-radius:8px;color:#526d68;background:#f7f9f8;font-size:calc(9px * var(--font-scale));font-weight:700;cursor:pointer}.picker-standard-options button:hover{border-color:#77a49c;color:#286d63;background:#edf5f2}.picker-standard-options button.selected{border-color:#257267;color:#fff;background:#257267;box-shadow:0 3px 9px #2572672e}.picker-length-control{display:flex;align-items:flex-end;gap:7px;margin-top:8px!important}.picker-length-control label{min-width:0;display:flex;flex-direction:column;gap:3px}.picker-length-control label:first-child{flex:1}.picker-length-control span{color:#647a75;font-size:calc(7px * var(--font-scale));font-weight:600}.picker-length-control select,.picker-length-control input{width:100%;height:32px;padding:0 7px;border:1px solid #d4dfdc;border-radius:7px;color:#29423e;background:#fff;font-size:calc(8px * var(--font-scale));outline:none}.picker-length-control select:focus,.picker-length-control input:focus{border-color:#70a69d;box-shadow:0 0 0 2px #42837814}.picker-custom-length{flex:0 0 76px}.picker-selection-preview{padding:7px 8px;border:1px solid #e0e7e5;border-radius:7px;background:#f7f9f8}.picker-selection-preview>span,.picker-selection-preview>strong,.picker-selection-preview>em{display:block}.picker-selection-preview>span{color:#748782;font-size:calc(7px * var(--font-scale));font-weight:700}.picker-selection-preview>strong{margin-top:2px;color:#435954;font-size:calc(8px * var(--font-scale));line-height:1.45;font-weight:600}.picker-selection-preview>em{margin-top:3px;color:#b35744;font-size:calc(7px * var(--font-scale));font-style:normal}.picker-selection-preview.selected{border-color:#acd0c7;background:#edf7f4}.picker-selection-preview.selected>span,.picker-selection-preview.selected>strong{color:#23695f}.picker-product>button:disabled{color:#97a5a2;background:#eef1f0;cursor:not-allowed}.picker-custom-line{display:grid;grid-template-columns:1fr 130px 150px auto;gap:11px;align-items:end;padding:14px 22px;background:#eef5f2;border-bottom:1px solid var(--line)}.picker-custom-line .field{display:flex;flex-direction:column;gap:5px}.picker-custom-line .field>span{color:#4a5b57;font-size:calc(8px * var(--font-scale));font-weight:600}.picker-custom-line .field input{height:40px;padding:0 12px;border:1px solid #d9e3df;border-radius:9px;background:#fff;font-size:calc(10px * var(--font-scale));outline:none}.picker-custom-line .field input:focus{border-color:var(--deep-2)}.picker-custom-line>button{height:40px}@media(max-width:720px){.picker-custom-line{grid-template-columns:1fr}.picker-standard-picker{align-items:flex-start;flex-direction:column}.picker-standard-options{width:100%}.picker-standard-options button{flex:1}}@media(max-width:600px){.pdf-actions-backdrop{padding:0}.pdf-actions-modal{width:100%;border-radius:18px 18px 0 0}.pdf-actions-body{padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.pdf-action-grid{grid-template-columns:1fr}.pdf-action-grid .primary-button{grid-column:auto}}.timeline-section-label{margin:16px 4px 8px;color:#5b7a74;font-size:calc(9px * var(--font-scale));font-weight:800;letter-spacing:.4px;text-transform:uppercase}.timeline-section-label:first-child{margin-top:4px}.customer-quotation-list{display:flex;flex-direction:column}.customer-quote-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:11px 13px;margin-bottom:7px;border:1px solid #dde6e2;border-radius:11px;background:#fbfdfc;color:inherit;transition:.16s}.customer-quote-row:hover{border-color:var(--deep-2);background:#f1f7f5;box-shadow:0 4px 14px #14524b14}.customer-quote-row:focus-visible{outline:2px solid var(--deep-2);outline-offset:2px}.cq-left{display:flex;flex-direction:column;gap:4px;min-width:0}.cq-main{display:flex;align-items:center;gap:9px;min-width:0}.cq-main strong{font-size:calc(11px * var(--font-scale));color:#16423d;white-space:nowrap}.cq-sub{display:flex;flex-wrap:wrap;gap:5px;color:var(--muted);font-size:calc(8.5px * var(--font-scale))}.cq-meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:calc(9px * var(--font-scale));flex:0 0 auto}.cq-meta strong{color:#174c47;font-size:calc(11px * var(--font-scale));font-variant-numeric:tabular-nums}.cq-meta svg{color:#9aa8a4}.customer-name-button{border:0;background:transparent;padding:4px 6px 4px 0;width:100%;text-align:left;cursor:pointer;border-radius:9px;transition:.15s}.customer-name-button:hover strong{color:var(--deep-2);text-decoration:underline;text-underline-offset:2px}.customer-name-button:focus-visible{outline:2px solid var(--deep-2);outline-offset:2px}.customer-master-table th:last-child,.customer-master-table td:last-child{position:sticky;right:0;background:#fff}.customer-master-table th:last-child{background:#f7f9f8;z-index:2;box-shadow:-7px 0 12px -9px #0f292547}.customer-master-table td:last-child{box-shadow:-7px 0 12px -9px #0f29252e}.customer-master-table tr.inactive td:last-child{background:#fafbfb}.login-event{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:calc(8.5px * var(--font-scale));font-weight:700;white-space:nowrap}.login-event.success{color:#1f7a3d;background:#e4f5e6}.login-event.danger{color:#a5402f;background:#fbe7e2}.login-event.neutral{color:#566b66;background:#e9efec}.login-agent{color:var(--muted);white-space:nowrap}.user-login-history-button{margin-top:10px;width:100%}.login-history-list{display:flex;flex-direction:column;gap:8px;padding:4px 2px}.login-history-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fbfdfc}.login-history-row .lh-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.login-history-row .lh-meta strong{font-size:calc(10px * var(--font-scale));color:#16423d}.login-history-row .lh-meta small{color:var(--muted);font-size:calc(8.5px * var(--font-scale))}.history-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 4px 4px;color:var(--muted);font-size:calc(9px * var(--font-scale))}.history-pager .secondary-button{white-space:nowrap}.history-filters input[type=date]{height:40px;padding:0 10px;border:1px solid #d9e3df;border-radius:9px;background:#fff;color:var(--ink);font-size:calc(9px * var(--font-scale))}.field-hint{color:#748681;font-size:calc(7.5px * var(--font-scale));line-height:1.45}.quote-shipping-control{display:grid;gap:7px;padding:13px 0;border-bottom:1px solid #e5ece9}.quote-shipping-control>label{display:grid;gap:6px}.quote-shipping-control>label>span{display:flex;align-items:center;gap:6px;color:#49665f;font-size:calc(9px * var(--font-scale));font-weight:800}.quote-shipping-control select,.custom-shipping-fields input{width:100%;min-width:0;height:38px;padding:0 9px;border:1px solid #cfddd8;border-radius:8px;color:var(--ink);background:#fff;font-size:calc(8px * var(--font-scale));outline:0}.quote-shipping-control select:focus,.custom-shipping-fields input:focus{border-color:#70a69d;box-shadow:0 0 0 3px #42837817}.custom-shipping-fields{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(90px,.65fr);gap:7px}.quote-shipping-control>small{color:#778884;font-size:calc(7px * var(--font-scale));line-height:1.45}.quote-approval-bypass{display:flex;align-items:flex-start;gap:9px;margin:0 0 13px;padding:11px;border:1px solid #dce7e3;border-radius:10px;color:#385b54;background:#f8fbfa;cursor:pointer}.quote-approval-bypass.selected{border-color:#8fb45a;background:#f3f8e9}.quote-approval-bypass input{width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;accent-color:#377a45}.quote-approval-bypass strong,.quote-approval-bypass small{display:block}.quote-approval-bypass strong{font-size:calc(8px * var(--font-scale))}.quote-approval-bypass small{margin-top:3px;color:#73847f;font-size:calc(7px * var(--font-scale));line-height:1.45}.approval-bypass-badge{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;color:#557523;background:#edf5de;font-size:calc(7px * var(--font-scale));font-weight:800}.shipping-banner{min-height:150px;display:flex;align-items:center;gap:20px;padding:25px 30px;border:1px solid #cee0da;border-radius:17px;background:linear-gradient(115deg,#e1efeb,#f5f8ec 65%,#dceee9)}.shipping-banner-icon{width:66px;height:66px;flex:0 0 66px;display:grid;place-items:center;border-radius:18px;color:#fff;background:#246c62;box-shadow:0 10px 24px #1f645a2e}.shipping-banner>div:nth-child(2){flex:1}.shipping-banner h2{margin:7px 0 4px;color:#173f3a;font-size:calc(22px * var(--font-scale))}.shipping-banner p{margin:0;color:#647a74;font-size:calc(9px * var(--font-scale))}.shipping-banner-stat{min-width:125px;padding:14px 18px;border-left:1px solid rgba(36,81,73,.15)}.shipping-banner-stat strong,.shipping-banner-stat span{display:block}.shipping-banner-stat strong{color:#1b544c;font-size:calc(24px * var(--font-scale))}.shipping-banner-stat span{color:#6b807a;font-size:calc(8px * var(--font-scale))}.shipping-panel{overflow:hidden}.shipping-tools{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #e5ece9}.shipping-tools .search-input{flex:1}.shipping-table-wrap{position:relative;overflow:auto;min-height:120px}.shipping-table{width:100%;min-width:900px;border-collapse:collapse;font-size:calc(9px * var(--font-scale))}.shipping-table th{padding:11px 13px;text-align:left;color:#6d7e7a;background:#f7f9f8;border-bottom:1px solid #dfe7e4;font-size:calc(8px * var(--font-scale))}.shipping-table td{padding:12px 13px;border-bottom:1px solid #e8eeec;vertical-align:middle}.shipping-table tr.inactive td{color:#84918e;background:#fafbfb}.shipping-table .number-cell{text-align:right;white-space:nowrap}.shipping-status{display:inline-flex;padding:4px 8px;border-radius:999px;color:#995647;background:#fff0ec;font-size:calc(7px * var(--font-scale));font-weight:700;white-space:nowrap}.shipping-status.active{color:#5d851d;background:#eaf5e1}.shipping-table .row-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}.shipping-table .table-empty{height:110px;text-align:center;color:#82908d}.shipping-modal{width:min(690px,100%);max-height:calc(100vh - 45px);overflow:auto;border-radius:17px;background:#fff;box-shadow:0 28px 80px #00000047}.shipping-active-field{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #dce6e2;border-radius:9px;color:#48625d;background:#f7faf9;font-size:calc(9px * var(--font-scale));font-weight:600}.shipping-active-field input{width:17px;height:17px;accent-color:#286f66}@media(max-width:720px){.shipping-banner{min-height:auto;padding:20px}.shipping-banner-icon{width:54px;height:54px;flex-basis:54px}.shipping-banner-stat{display:none}.shipping-tools{align-items:stretch;flex-direction:column}.shipping-tools .primary-button{justify-content:center}.shipping-modal{max-height:94vh;max-height:94dvh;border-radius:18px 18px 0 0}}} .discount-chain{display:flex;flex-direction:column;gap:4px;align-items:stretch}.discount-step{display:flex;align-items:center;gap:3px}.discount-step>span{color:var(--muted);font-weight:700;font-size:calc(9px * var(--font-scale))}.discount-step input{min-width:0;flex:1}.discount-step .icon-button{padding:2px;flex:0 0 auto}.discount-add-step{align-self:flex-start;padding:2px 5px;border:1px dashed #c2d0cc;border-radius:5px;background:none;color:#5d7a74;cursor:pointer;font-size:calc(7.5px * var(--font-scale))}.discount-add-step:hover{border-color:#7aa21a;color:#4d7a12}.discount-effective{color:#c45945;font-size:calc(7.5px * var(--font-scale))}