.app-layout{display:flex;min-height:100vh;font-family:Sarabun,sans-serif;background:#f5f6fa}.app-sidebar{position:relative;width:230px;background:#1a1f2e;display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease}.app-sidebar.collapsed{width:64px}.app-sidebar-toggle{position:absolute;top:26px;right:-20px;width:40px;height:40px;border-radius:50%;border:none;background:#fff;color:#1a1f2e;font-size:1.4rem;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000040;z-index:5;transition:transform .15s ease,box-shadow .15s ease}.app-sidebar-toggle:hover{transform:scale(1.08);box-shadow:0 6px 16px #0000004d;color:#ff6b00}.app-sidebar-header{padding:1rem;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.app-sidebar.collapsed .app-sidebar-header{padding:1rem .5rem;justify-content:center}.app-sidebar.collapsed .app-sidebar-header-text{display:none}.app-sidebar-logo{font-size:1.8rem;flex-shrink:0}.app-sidebar-title{color:#fff;font-size:.82rem;font-weight:700;line-height:1.3}.app-sidebar-sub{color:#fff6;font-size:.65rem;margin-top:2px}.app-nav{flex:1;overflow-y:auto;padding:.5rem 0}.app-nav-item{display:flex;align-items:center;gap:10px;padding:.55rem 1rem;color:#ffffffa6;text-decoration:none;font-size:.82rem;cursor:pointer;transition:all .2s}.app-sidebar.collapsed .app-nav-item{justify-content:center;padding:.6rem 0}.app-nav-item:hover{background:#ffffff0f;color:#fff}.app-nav-item.active{background:#ff6b00;color:#fff}.app-nav-icon{font-size:1rem;flex-shrink:0}.app-nav-label{font-size:.8rem;flex:1;min-width:0;white-space:normal;word-break:break-word;line-height:1.4}.app-sidebar.collapsed .app-nav-label{display:none}.app-sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.08)}.app-sidebar.collapsed .app-sidebar-footer{padding:1rem .5rem}.app-user-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.app-sidebar.collapsed .app-user-info{justify-content:center;margin-bottom:0}.app-sidebar.collapsed .app-user-text,.app-sidebar.collapsed .app-online-dot,.app-sidebar.collapsed .app-version{display:none}.app-user-avatar{width:34px;height:34px;border-radius:50%;background:#ff6b00;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0;overflow:hidden}.app-user-avatar img,.app-topbar-avatar img{width:100%;height:100%;object-fit:cover}.app-user-name{color:#fff;font-size:.8rem;font-weight:600}.app-user-role{color:#ffffff80;font-size:.7rem}.app-online-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;margin-left:auto;flex-shrink:0}.app-version{color:#ffffff4d;font-size:.68rem}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.app-topbar{background:#fff;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #eee;box-shadow:0 1px 4px #0000000f;flex-wrap:wrap}.app-topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.app-hamburger{display:none;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;padding:0 8px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc;cursor:pointer;flex-shrink:0}.app-hamburger span{display:block;height:2px;border-radius:2px;background:#334155}.app-sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:199}.app-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;min-width:0}.app-breadcrumb-home{color:#486581;text-decoration:none;font-weight:600}.app-breadcrumb-home:hover{color:#ff6b00}.app-breadcrumb-sep{color:#bbb}.app-breadcrumb-current{color:#1a1f2e;font-weight:700}.app-topbar-right{display:flex;align-items:center;gap:16px}.app-notif{position:relative}.app-notif-bell{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid #eee;background:#f8fafc;font-size:1.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.app-notif-bell:hover{background:#f1f5f9}.app-notif-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;animation:app-notif-pulse 1.8s ease-in-out infinite}@keyframes app-notif-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.app-notif-panel{position:absolute;top:calc(100% + 10px);right:0;width:320px;max-height:380px;overflow-y:auto;background:#fff;border:1px solid #e8eef7;border-radius:12px;box-shadow:0 12px 32px #0f172a24;z-index:50}.app-notif-panel-header{padding:12px 16px;font-size:.85rem;font-weight:700;color:#1a1f2e;border-bottom:1px solid #f1f5f9}.app-notif-empty{padding:24px 16px;text-align:center;font-size:.82rem;color:#94a3b8}.app-notif-list{display:flex;flex-direction:column}.app-notif-item{display:flex;flex-direction:column;gap:3px;padding:10px 16px;border:none;border-bottom:1px solid #f1f5f9;background:#fff;text-align:left;cursor:pointer;font-family:inherit}.app-notif-item:last-child{border-bottom:none}.app-notif-item:hover{background:#fff7ed}.app-notif-item-name{font-size:.82rem;font-weight:700;color:#1a1f2e}.app-notif-item-detail{font-size:.76rem;color:#64748b}.app-clock{display:flex;align-items:center;gap:8px}.app-clock-icon{font-size:1.2rem}.app-clock-date{font-size:.8rem;font-weight:600;color:#333}.app-clock-day{font-size:.7rem;color:#999}.app-topbar-user{display:flex;align-items:center;gap:8px}.app-topbar-avatar{width:36px;height:36px;border-radius:50%;background:#ff6b00;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0;overflow:hidden}.app-topbar-name{font-size:.85rem;font-weight:600;color:#333}.app-topbar-role{font-size:.72rem;color:#999}.app-logout-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:4px 10px;font-size:.78rem;cursor:pointer;color:#666;font-family:Sarabun,sans-serif;margin-left:4px;white-space:nowrap;flex-shrink:0}.app-logout-btn:hover{background:#eee}.app-content{flex:1;overflow-y:auto;min-width:0}.app-boot-loading{padding:40px;text-align:center;color:#64748b;font-size:.95rem}.access-denied-panel{max-width:440px;margin:60px auto;background:#fff;border:1px solid #e8eef7;border-radius:16px;box-shadow:0 10px 30px #0f172a14;padding:40px 32px;text-align:center}.access-denied-icon{font-size:2.6rem;margin-bottom:12px}.access-denied-panel h2{margin:0 0 10px;color:#b42318;font-size:1.25rem}.access-denied-panel p{margin:0 0 20px;color:#486581;font-size:.92rem;line-height:1.6}@media print{.app-sidebar,.app-topbar{display:none!important}.app-content{overflow:visible}}@media (max-width: 900px){.app-hamburger{display:flex}.app-sidebar{position:fixed;top:0;left:0;height:100vh;width:250px;z-index:200;transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 24px #00000047}.app-sidebar.mobile-open{transform:translate(0)}.app-sidebar.collapsed{width:250px}.app-sidebar.collapsed .app-sidebar-header-text,.app-sidebar.collapsed .app-nav-label,.app-sidebar.collapsed .app-version{display:block}.app-sidebar.collapsed .app-nav-item{justify-content:flex-start;padding:.55rem 1rem}.app-sidebar-toggle{display:none}.app-sidebar-backdrop{display:block}.app-topbar{flex-wrap:nowrap;gap:8px;padding:.6rem .8rem}.app-topbar-right{gap:8px;margin-left:auto;flex-shrink:0}.app-notif-bell,.app-topbar-avatar{flex-shrink:0}.app-clock,.app-topbar-name,.app-topbar-role{display:none}.app-breadcrumb-home{white-space:nowrap}.app-breadcrumb-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.home-hero{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 18% 22%,rgba(56,132,255,.35) 0%,transparent 42%),radial-gradient(circle at 82% 74%,rgba(147,51,234,.35) 0%,transparent 46%),radial-gradient(circle at 50% 100%,rgba(6,182,212,.18) 0%,transparent 50%),linear-gradient(135deg,#060a17,#0b1224 45%,#0e1730);padding:40px 20px}.home-circuit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.45}.home-neural{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.55}.home-neural-line{animation:home-neural-glow 4.5s ease-in-out infinite}@keyframes home-neural-glow{0%,to{opacity:.15}50%{opacity:.55}}.home-cpu-chip{position:absolute;right:-60px;bottom:-60px;width:420px;height:420px;opacity:.12;transform:rotate(-8deg);pointer-events:none}.home-cpu-chip-alt{position:absolute;left:-50px;top:-50px;width:260px;height:260px;opacity:.1;transform:rotate(14deg);pointer-events:none}.home-scanline{position:absolute;left:0;right:0;height:140px;background:linear-gradient(180deg,transparent 0%,rgba(96,165,250,.08) 50%,transparent 100%);animation:home-scan 6s ease-in-out infinite;pointer-events:none}@keyframes home-scan{0%{top:-140px}to{top:100%}}.home-orb{position:absolute;border-radius:50%;filter:blur(2px);animation:home-float 7s ease-in-out infinite}.home-orb:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:inherit;filter:blur(8px);opacity:.6}@keyframes home-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.home-card{position:relative;z-index:2;max-width:560px;width:100%;text-align:center;color:#f4f7ff;background:#0f172a73;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(148,180,255,.25);border-radius:26px;padding:44px 48px 0;overflow:hidden;box-shadow:0 24px 70px #0206178c,0 0 0 1px #ffffff08 inset}.home-title{font-size:2rem;font-weight:800;margin:0 0 10px;line-height:1.4;color:#fff}.home-tagline{font-size:1.05rem;font-weight:600;color:#ff9f4a;margin:0 0 20px;line-height:1.6}.home-divider{width:64px;height:3px;margin:20px auto;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#a855f7)}.home-contact-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px}.home-contact-item{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:#e2e8ff;text-decoration:none}a.home-contact-item:hover{color:#fff;text-decoration:underline}.home-contact-icon{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.home-contact-icon-phone{background:#22c55e33}.home-contact-icon-web{background:#3b82f633}.home-contact-icon-line{background:#22c55e33}.home-address-bar{margin:0 -48px;padding:14px 24px;background:#0206178c;border-top:1px solid rgba(148,180,255,.15);font-size:.85rem;font-weight:600;color:#e2e8ffe6}@media (max-width: 640px){.home-card{padding:34px 26px 0}.home-address-bar{margin:0 -26px}.home-cpu-chip{width:280px;height:280px}}.monthly-bar-chart{width:100%}.monthly-bar-chart-svg{width:100%;height:auto;display:block}.monthly-bar-chart-legend{display:flex;gap:16px;margin-bottom:8px}.monthly-bar-chart-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:#555}.monthly-bar-chart-legend-dot{width:10px;height:10px;border-radius:3px;display:inline-block}.page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f7fb}.page-shell{min-height:100vh;background:linear-gradient(135deg,#f4f7fb,#eef3f9);padding:8px}.customers-page{max-width:none;margin:0;display:flex;flex-direction:column;gap:18px}.customers-page.modal-open{pointer-events:none;-webkit-user-select:none;user-select:none}.page-header-card,.toolbar-card,.table-card,.modal-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0f172a14}.page-header-card{padding:14px 26px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border:1px solid #e8eef7;background:linear-gradient(135deg,#fff,#f8fbff)}.page-header-main{display:flex;flex-direction:column;gap:4px}.page-badge{display:inline-flex;align-self:flex-start;padding:6px 10px;background:#eaf2ff;color:#2457c5;border-radius:999px;font-size:.8rem;font-weight:700}.page-kicker{margin:0 0 6px;color:#ff7a00;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.page-header-card h1{margin:0;color:#1d4ed8;font-size:1.6rem;display:inline-flex;align-items:center;gap:12px}.customer-title-text{color:#ff7a00}.title-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#eef4ff,#dce9ff);border:1px solid #c8dbff;font-size:1.25rem;box-shadow:0 4px 10px #3577ff24}.page-subtitle{margin:6px 0 0;color:#627d98}.page-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:240px}.stats-grid{display:flex;gap:12px;align-items:stretch}.stat-card{background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 8px 24px #0f172a12;border:1px solid #eef3f8;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:10px;flex:0 0 auto}.year-chips-card{flex:1 1 auto;align-items:center;gap:10px;flex-wrap:wrap}.year-chips-label{white-space:nowrap}.year-chips-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a1a}.stat-icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:#f3f7ff;font-size:1.1rem}.stat-label{color:#64748b;font-size:.9rem;white-space:nowrap}.stat-value{margin-left:auto;font-size:1.45rem;font-weight:700;color:#102a43;line-height:1}.toolbar-card{padding:16px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #e8eef7}.toolbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.sort-group,.filter-group{display:flex;flex-wrap:wrap;gap:8px}.sort-btn,.filter-chip{border:1px solid #dbe6f7;background:#f8fbff;color:#45607a;padding:7px 10px;border-radius:999px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.sort-btn.active,.filter-chip.active{background:#eaf2ff;color:#2457c5;border-color:#bcd2ff}.search-box{flex:1;min-width:0}.search-box input{width:100%;box-sizing:border-box;border:1px solid #d9e2ec;border-radius:12px;padding:12px 14px;font-size:.95rem;outline:none;background:#f8fbff}.search-box input:focus{border-color:#3577ff;box-shadow:0 0 0 3px #3577ff26}.table-card{padding:18px 20px 24px;border:1px solid #e8eef7}.table-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.table-header h2{margin:0;color:#000;font-size:1.1rem}.table-header span{color:#486581;font-size:.9rem}.table-count-badge{background:#f3f7ff;color:#2457c5;padding:6px 10px;border-radius:999px;font-weight:700}.table-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex:1}.table-tools .search-box{flex:1 1 300px;min-width:240px;max-width:420px}.table-wrap{overflow-x:auto;overflow-y:auto;max-height:560px}table{width:100%;border-collapse:collapse;min-width:1020px}thead th{position:sticky;top:0;z-index:2}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid #e5e7eb;color:#000}th{background:#ff6b00!important;color:#fff!important;font-size:.9rem;text-align:center!important;vertical-align:middle;border-right:2px solid rgba(255,255,255,.45)}th:last-child{border-right:none}th:nth-child(2),td:nth-child(2){min-width:300px}th:nth-child(1),td:nth-child(1){width:90px;white-space:nowrap}th:nth-child(3),td:nth-child(3){width:110px;white-space:nowrap}th:nth-child(4),td:nth-child(4){width:140px;white-space:nowrap}th:nth-child(5),td:nth-child(5){min-width:240px}th:nth-child(6),td:nth-child(6){width:96px;white-space:nowrap}td:nth-child(3),td:nth-child(6){text-align:center}tbody tr:hover{background:#f8fbff}.action-group{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap}.primary-btn,.secondary-btn,.cancel-btn,.logout-button,.tiny-btn,.close-btn{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;transition:transform .2s ease,opacity .2s ease}.primary-btn:hover,.secondary-btn:hover,.cancel-btn:hover,.logout-button:hover,.tiny-btn:hover,.close-btn:hover{transform:translateY(-1px)}.primary-btn{background:linear-gradient(135deg,#3577ff,#2563eb);color:#fff;padding:10px 16px;box-shadow:0 6px 16px #3577ff33}.cancel-btn{background:linear-gradient(135deg,#f04438,#d92d20);color:#fff;padding:10px 16px;box-shadow:0 6px 16px #d92d2040}.secondary-btn{background:#eef4ff;color:#214d9d;padding:10px 16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;background:#1a1f2e;color:#fff;font-weight:700;font-size:.95rem;border:none;text-decoration:none;cursor:pointer;transition:background .15s ease,transform .2s ease}.back-btn:hover{background:#262d40;transform:translateY(-1px)}.back-btn-arrow{color:#ff6b00;font-weight:700;line-height:1}.logout-button{background:#fff1f2;color:#fff!important;padding:10px 16px;border:1px solid #ffd2d9;background:#e53e3e!important}.tiny-btn{background:linear-gradient(135deg,#f8fbff,#eef4ff);color:#23427a;width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e6ff;box-shadow:0 3px 8px #0f172a0d}.tiny-btn:hover{background:linear-gradient(135deg,#eef4ff,#e2ebff);box-shadow:0 6px 12px #3577ff1f}.tiny-btn.danger{background:linear-gradient(135deg,#fff4f2,#ffece8);color:#b42318;border-color:#f7c9bf}.tiny-btn.danger:hover{background:linear-gradient(135deg,#ffece8,#ffdcd2);box-shadow:0 6px 12px #b423181f}.btn-icon{font-size:.95rem;line-height:1}.message{padding:12px 14px;border-radius:10px;font-size:.95rem}.message.error{background:#fff3f2;color:#b42318}.message.success{background:#effdf3;color:#067647}.empty-state{text-align:center;color:#627d98;padding:24px 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:12px;pointer-events:auto}.modal-card{width:min(1040px,calc(100vw - 24px));max-height:90vh;padding:0;display:flex;flex-direction:column;overflow:hidden}.customer-form{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow-y:auto}.modal-header{position:sticky;top:0;z-index:10;background:#ff6b00;display:flex;justify-content:space-between;align-items:center;padding:calc(18px - .25cm) 22px calc(16px - .25cm);border-bottom:1px solid #ff6b00;box-shadow:0 2px 8px #0f172a0f;border-radius:16px 16px 0 0}.modal-header h3{margin:0;color:#fff;display:flex;align-items:center;gap:10px}.modal-header .title-icon{width:34px;height:34px;border-radius:10px;font-size:1.05rem;flex-shrink:0}.modal-header-actions{display:flex;align-items:center;gap:8px}.form-body{padding:20px 22px 28px;display:flex;flex-direction:column;gap:16px}.close-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffd400;color:#1a1f2e;opacity:1;padding:0;font-size:1.15rem;line-height:1;flex-shrink:0;transition:background .15s ease}.close-btn:hover{background:#ffe14d;opacity:1}.form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.section-title{font-size:.92rem;font-weight:700;color:#102a43;margin-bottom:10px}.field-block{display:flex;flex-direction:column;gap:6px;color:#334e68;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.full-width-field,.checkbox-block{grid-column:1 / -1}.checkbox-label{color:#334e68;font-weight:700}.checkbox-row{display:flex;flex-wrap:wrap;gap:10px}.checkbox-item{display:inline-flex;width:fit-content;align-items:center;gap:8px;background:#fff;border:1px solid #d9e2ec;border-radius:10px;padding:8px 10px;font-weight:600;color:#334e68;white-space:nowrap}.checkbox-item input{width:auto;margin:0;accent-color:#3577ff}.customer-name-cell strong{display:block;color:#000}.customer-meta{color:#64748b;font-size:.85rem;margin-top:2px}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:#eef2f7;color:#45607a}.status-badge.head{background:#eaf2ff;color:#2457c5}.status-badge.branch{background:#fef3e2;color:#b85c00}.inline-error-box{background:#fff4f4;border:1px solid #f7c9c9;color:#b42318;border-radius:12px;padding:10px 12px;font-size:.92rem}.inline-error-box ul{margin:6px 0 0 16px;padding:0}.field-error{color:#b42318;font-size:.85rem;font-weight:600}.input-error{border-color:#e53e3e!important;box-shadow:0 0 0 3px #e53e3e1f!important}.customer-form input,.customer-form textarea{width:100%;box-sizing:border-box;border:1px solid #d9e2ec;border-radius:10px;padding:10px 12px;font-size:.95rem;outline:none;font-family:inherit}.customer-form textarea{resize:vertical;min-height:90px}.customer-form input:focus,.customer-form textarea:focus{border-color:#3577ff;box-shadow:0 0 0 3px #3577ff26}.customer-form input:read-only{background:#f3f6fa;color:#64748b;cursor:not-allowed}.customer-form input:read-only:focus{border-color:#d9e2ec;box-shadow:none}.tiny-btn.print{color:#0f766e;border-color:#b7ece7;background:linear-gradient(135deg,#f0fffd,#e3fbf8)}.tiny-btn.print:hover{background:linear-gradient(135deg,#e3fbf8,#d5f7f2);box-shadow:0 6px 12px #0f766e1f}.print-page-shell{min-height:100vh;background:#f2f2f2;padding:18px}.print-toolbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:16px}.print-sheet{display:flex;justify-content:center}.print-frame{width:297mm;min-height:195mm;background:#fff;border:2px solid #222222;padding:17mm 18mm;box-shadow:0 10px 30px #0000001f;position:relative}.label-layout{display:flex;flex-direction:column;gap:13mm}.label-layout-vertical{width:100%}.label-block{position:relative;color:#000;font-family:Sarabun,sans-serif}.label-sender{min-height:64mm}.label-sender-content{margin-left:20mm}.label-receiver{min-height:64mm;margin-left:52mm}.label-receiver-content{margin-left:10mm}.label-receiver-content .label-line{font-size:29px}.label-receiver-content .label-name{font-size:29px;font-weight:400}.label-heading{font-size:31px;font-weight:700;margin-bottom:2px}.label-receiver>.label-heading{margin-left:-10mm}.label-line{font-size:28px;line-height:1.38;margin-bottom:1px}.label-name{font-size:28px;font-weight:400}.print-loading{padding:40px 0;text-align:center;color:#45607a;font-size:1rem}@media print{@page{size:A4 landscape;margin:0}html,body{margin:0!important;padding:0!important;width:100%!important;height:auto!important;overflow:hidden!important}.no-print{display:none!important}.print-page-shell{min-height:0!important;height:auto!important;padding:0!important;margin:0!important;background:#fff;overflow:hidden!important}.print-sheet{position:relative!important;display:block;width:297mm!important;height:210mm!important;margin:0 auto!important;padding:0!important;overflow:hidden!important}.print-frame{position:absolute!important;top:10mm!important;left:10mm!important;right:10mm!important;bottom:10mm!important;width:auto!important;height:auto!important;box-sizing:border-box;box-shadow:none;border:2px solid #000000;padding:17mm 18mm;margin:0!important;overflow:hidden;page-break-after:avoid;page-break-inside:avoid;break-after:avoid-page;break-inside:avoid-page}.label-layout{gap:8mm}.label-sender,.label-receiver{min-height:0}}.inv-zoom-control{display:flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #d9e2ec;border-radius:10px;background:#f8fbff}.inv-zoom-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;border-radius:7px;background:#fff;border:1px solid #d9e2ec;color:#334e68;font-size:1rem;font-weight:700;line-height:1;cursor:pointer;transition:background .15s,border-color .15s}.inv-zoom-btn:hover:not(:disabled){background:#eef4ff;border-color:#3577ff;color:#1d4ed8}.inv-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.inv-zoom-value{min-width:48px;text-align:center;font-size:.85rem;font-weight:600;color:#334e68}.inv-rotate-btn{border:1px solid #d9e2ec;border-radius:10px;padding:7px 14px;background:#fff;color:#334e68;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.inv-rotate-btn:hover{background:#eef4ff;border-color:#3577ff;color:#1d4ed8}.inv-rotate-btn.active{background:#eaf7ee;border-color:#2fae57;color:#1a7a3a}.inv-label-sheet-wrap{display:flex;justify-content:center;padding:40px 0}.inv-label-sheet-wrap.rotated{padding:80px 0}.inv-label-sheet-wrap.rotated .inv-label-sheet{transform:rotate(90deg)}.inv-label-sheet{width:100mm;height:25mm;flex-shrink:0;background:#fff;border:1px solid #000000;box-shadow:0 4px 14px #00000026;overflow:hidden}.inv-label-pair{display:flex;width:100%;height:100%}.inv-label-card{width:50mm;height:25mm;flex-shrink:0;box-sizing:border-box;padding:1mm 2mm;display:flex;flex-direction:column;gap:.6mm;overflow:hidden;font-family:Sarabun,sans-serif;color:#000}.inv-label-top{display:flex;justify-content:space-between;align-items:center;height:5mm}.inv-label-logo{width:25mm;height:5mm;object-fit:contain;object-position:left center}.inv-label-brand{font-size:12px;font-weight:800;letter-spacing:.2px}.inv-label-category{font-size:9px;color:#334155;text-align:right;white-space:nowrap}.inv-label-rule{border-top:1px solid #000000;margin:0}.inv-label-body{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5mm}.inv-label-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:.8mm}.inv-label-line{font-size:11px;line-height:1.05;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-label-specs{display:flex;flex-direction:column;gap:.5mm;overflow:hidden}.inv-label-spec{font-size:8px;line-height:1.05;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-label-spec-footer-row{display:flex;align-items:center;justify-content:space-between;gap:2mm}.inv-label-spec-footer-row .inv-label-spec{flex:1;min-width:0}.inv-label-qr{width:8mm;height:8mm;flex-shrink:0}.inv-label-footer{font-size:9px;line-height:1;font-weight:800;letter-spacing:.4px;white-space:nowrap;flex-shrink:0}.inv-label-cert{width:20mm;height:4mm;object-fit:contain;object-position:right center;flex-shrink:0}@media print{.inv-label-sheet-wrap{padding:0!important;display:block!important}.inv-label-sheet{width:100mm!important;height:25mm!important;border:none!important;box-shadow:none!important;zoom:1!important}.inv-label-pair{break-inside:avoid-page}.inv-label-sheet-wrap.rotated{width:25mm;height:100mm;display:flex!important;align-items:center;justify-content:center}.inv-label-sheet-wrap.rotated .inv-label-sheet{transform:rotate(90deg)}}.inv-check-count-badge{display:inline-flex;align-items:center;padding:8px 14px;border-radius:10px;background:#eef4ff;color:#1d4ed8;font-weight:700;font-size:.85rem}.inv-check-sheet{display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px 0 60px}.inv-check-page{width:297mm;min-height:210mm;box-sizing:border-box;padding:9mm 10mm 14mm;background:#fff;box-shadow:0 4px 14px #00000026;display:flex;flex-direction:column;font-family:Sarabun,sans-serif;color:#000}.inv-check-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #000000;padding-bottom:2mm;margin-bottom:3mm}.inv-check-header h2{margin:0;font-size:1.15rem}.inv-check-datetime{font-size:.85rem;color:#334155}.inv-check-table{width:100%;min-width:0;margin-top:0;border-collapse:collapse;table-layout:fixed;font-size:.78rem}.inv-check-table th,.inv-check-table td{border-bottom:1px solid #cbd5e1;padding:4px 6px;text-align:left;vertical-align:top;word-wrap:break-word;white-space:normal!important;min-width:0!important}.inv-check-table th{background:#f1f5f9;font-weight:700;border-bottom:2px solid #000000}.inv-check-table .col-item,.inv-check-table .col-count{text-align:center}.inv-check-group-start td{border-top:2px solid #1d4ed8}.inv-check-table .col-item{width:5%!important}.inv-check-table .col-model{width:11%!important}.inv-check-table .col-desc{width:25%!important}.inv-check-table .col-serial{width:13%!important}.inv-check-table .col-sup{width:9%!important}.inv-check-table .col-count{width:6%!important}.inv-check-table .col-note{width:18%!important}.inv-check-table th.col-item,.inv-check-table th.col-count{white-space:nowrap!important}.col-note.has-note{color:#dc2626;font-weight:600}.inv-check-footer{margin-top:auto;display:flex;justify-content:space-between;padding-top:24px;font-size:.85rem}@media print{.inv-check-sheet{padding:0;gap:0}.inv-check-page{width:auto;min-height:0;box-shadow:none;break-after:page}.inv-check-page:last-child{break-after:auto}}.ot-print-sheet{display:flex;justify-content:center;padding:24px 0 60px}.ot-print-page{width:210mm;min-height:297mm;box-sizing:border-box;padding:14mm 14mm 18mm;background:#fff;box-shadow:0 4px 14px #00000026;font-family:Sarabun,sans-serif;color:#000}.ot-print-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #000000;padding-bottom:2mm;margin-bottom:3mm}.ot-print-header h2{margin:0;font-size:1.15rem}.ot-print-datetime{font-size:.85rem;color:#334155}.ot-print-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 24px;font-size:.9rem;margin-bottom:4mm}.ot-print-summary{display:flex;gap:18px;flex-wrap:wrap;font-size:.85rem;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:4mm}.ot-print-table{width:100%!important;min-width:0!important;margin-top:0!important;border-collapse:collapse;table-layout:fixed;font-size:.8rem}.ot-print-table thead{display:table-header-group}.ot-print-table th,.ot-print-table td{border-bottom:1px solid #cbd5e1;padding:5px 7px;text-align:left;vertical-align:top;word-wrap:break-word;white-space:normal!important;min-width:0!important}.ot-print-table th{background:#f1f5f9;font-weight:700;border-bottom:2px solid #000000}.ot-print-table .col-date{width:14%!important}.ot-print-table .col-time{width:16%!important}.ot-print-table .col-hours{width:12%!important;text-align:center!important}.ot-print-table .col-type{width:16%!important}.ot-print-table .col-note{width:24%!important}.ot-print-table .col-status{width:18%!important;text-align:center!important}.ot-print-table th.col-hours,.ot-print-table th.col-status{text-align:center!important}.ot-print-type-badge{display:inline-flex;padding:2px 8px;border-radius:999px;font-weight:700;font-size:.76rem}.ot-print-empty{text-align:center!important;color:#94a3b8;padding:20px 0!important}.ot-print-footer{margin-top:20px;display:flex;justify-content:space-between;padding-top:24px;font-size:.85rem}@media print{.ot-print-sheet{padding:0}.ot-print-page{width:auto;min-height:0;box-shadow:none}.ot-print-table tr{break-inside:avoid}}.stockcount-print-sheet{display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px 0 60px}.stockcount-print-page{width:297mm;min-height:210mm;box-sizing:border-box;padding:9mm 10mm 14mm;background:#fff;box-shadow:0 4px 14px #00000026;display:flex;flex-direction:column;font-family:Sarabun,sans-serif;color:#000}.stockcount-print-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #000000;padding-bottom:2mm;margin-bottom:2mm}.stockcount-print-header h2{margin:0;font-size:1.1rem}.stockcount-print-datetime{font-size:.85rem;color:#334155}.stockcount-print-meta{display:flex;gap:24px;flex-wrap:wrap;font-size:.85rem;margin-bottom:3mm}.stockcount-print-table{width:100%!important;min-width:0!important;margin-top:0!important;border-collapse:collapse;table-layout:fixed;font-size:.76rem}.stockcount-print-table th,.stockcount-print-table td{border-bottom:1px solid #cbd5e1;padding:4px 6px;text-align:left;vertical-align:top;word-wrap:break-word;white-space:normal!important;min-width:0!important}.stockcount-print-table th{background:#f1f5f9;font-weight:700;border-bottom:2px solid #000000}.stockcount-print-table .col-item,.stockcount-print-table .col-status{text-align:center}.stockcount-print-table .col-item{width:5%!important}.stockcount-print-table .col-status{width:6%!important}.stockcount-print-table .col-model{width:15%!important}.stockcount-print-table .col-desc{width:20%!important}.stockcount-print-table .col-serial{width:13%!important}.stockcount-print-table .col-sup{width:10%!important}.stockcount-print-table .col-by{width:18%!important}.stockcount-print-empty{text-align:center!important;color:#94a3b8;padding:20px 0!important}.stockcount-print-notes{margin-top:6mm}.stockcount-print-notes-title{font-weight:700;color:#b45309;margin-bottom:2mm;font-size:.85rem}.stockcount-print-footer{margin-top:auto;display:flex;justify-content:space-between;padding-top:20px;font-size:.85rem}@media print{.stockcount-print-sheet{padding:0;gap:0}.stockcount-print-page{width:auto;min-height:0;box-shadow:none;break-after:page}.stockcount-print-page:last-child{break-after:auto}}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.dashboard-card{background:#3b5bfc;color:#fff;padding:1.5rem;border-radius:8px;text-decoration:none;text-align:center;font-weight:600}.dashboard-card:hover{background:#2a4ae8}@media (max-width: 900px){.page-header-card,.toolbar-card{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:flex-start}.stats-grid{flex-wrap:wrap}.stat-card{flex:1 1 calc(50% - 6px)}.year-chips-card{flex:1 1 100%}.form-grid{grid-template-columns:1fr}.page-actions{justify-content:flex-start;min-width:auto}}@media (max-width: 600px){.page-shell{padding:10px}.page-header-card,.table-card,.toolbar-card,.modal-card{border-radius:12px}.page-header-card{padding:16px}.toolbar-card,.table-card{padding:12px}.form-section{padding:10px}.table-header{flex-direction:column;align-items:flex-start;gap:4px}.table-tools{width:100%;justify-content:flex-start}.table-tools .search-box{max-width:none;min-width:0}.primary-btn,.secondary-btn,.cancel-btn,.logout-button,.tiny-btn{width:100%;justify-content:center}.page-actions{width:100%}.action-group{flex-direction:column}.modal-actions{flex-direction:column-reverse}}.year-stat-chip{display:flex;flex-direction:column;align-items:center;gap:2px;background:#f8fbff;border:1px solid #dbe6f7;border-radius:12px;padding:8px 14px;cursor:pointer;transition:all .18s ease;min-width:80px}.year-stat-chip:hover{background:#eaf2ff;border-color:#bcd2ff;transform:translateY(-2px);box-shadow:0 4px 12px #3577ff1f}.year-stat-chip.active{background:linear-gradient(135deg,#eaf2ff,#dce9ff);border-color:#3577ff;box-shadow:0 0 0 2px #3577ff33}.year-chip-year{font-size:.78rem;color:#64748b;font-weight:600}.year-chip-count{font-size:1.05rem;font-weight:700;color:#102a43}.year-stat-chip.active .year-chip-year{color:#2457c5}.year-stat-chip.active .year-chip-count{color:#1d4ed8}.year-filter-badge{display:inline-flex;align-items:center;margin-left:10px;padding:3px 10px;background:#eaf2ff;color:#2457c5;border-radius:999px;font-size:.78rem;font-weight:700;vertical-align:middle}.customer-form select{width:100%;box-sizing:border-box;border:1px solid #d9e2ec;border-radius:10px;padding:10px 12px;font-size:.95rem;outline:none;font-family:inherit;background:#f8fbff;cursor:pointer}.customer-form select:focus{border-color:#3577ff;box-shadow:0 0 0 3px #3577ff26}.toggle-switch-row{display:flex;align-items:center;gap:12px;padding:6px 0}.toggle-switch{position:relative;width:52px;height:28px;border-radius:999px;border:none;cursor:pointer;padding:0;transition:background .25s ease,box-shadow .25s ease;flex-shrink:0}.toggle-off{background:#d1d5db;box-shadow:inset 0 1px 3px #00000026}.toggle-on{background:#3577ff;box-shadow:0 4px 12px #3577ff59}.toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:transform .25s ease;display:block}.toggle-on .toggle-thumb{transform:translate(24px)}.toggle-label{font-size:.95rem;font-weight:700;transition:color .2s}.toggle-label-on{color:#2563eb}.toggle-label-off{color:#9ca3af}.dl-status-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:transform .18s ease,box-shadow .18s ease;cursor:default}.dl-status-icon svg{width:28px;height:28px;display:block}.dl-status-active{filter:drop-shadow(0 2px 6px rgba(22,163,74,.25))}.dl-status-active:hover{transform:scale(1.15);filter:drop-shadow(0 4px 10px rgba(22,163,74,.4))}.dl-status-inactive{filter:drop-shadow(0 2px 6px rgba(220,38,38,.2))}.dl-status-inactive:hover{transform:scale(1.15);filter:drop-shadow(0 4px 10px rgba(220,38,38,.35))}.bom-editor{display:flex;flex-direction:column;gap:14px;min-width:0}.bom-tab-bar{display:flex;gap:6px;background:#fff;border-radius:14px;padding:8px;box-shadow:0 4px 16px #0f172a12;border:1px solid #e8eef7}.bom-tab-btn{flex:1;padding:9px 12px;border:none;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600;color:#64748b;background:transparent;transition:all .2s ease;font-family:inherit;white-space:nowrap}.bom-tab-btn:hover{background:#f1f5f9;color:#334e68}.bom-tab-btn.active{background:linear-gradient(135deg,#ff6b00,#e55c00);color:#fff;box-shadow:0 4px 12px #ff6b004d}.bom-tab-panel{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #e8eef7;border-radius:14px;padding:16px 16px 6px;max-height:min(62vh,720px);overflow-y:auto}.bom-empty{color:#94a3b8;font-size:.88rem;text-align:center;padding:16px 0}.bom-group-title{font-size:.82rem;font-weight:700;color:#486581;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}.bom-option-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:8px}.bom-option-row{display:grid;grid-template-columns:20px 1fr 90px 100px;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:7px 12px;cursor:pointer;transition:all .15s ease}.bom-option-row:hover{border-color:#cbd5e1;background:#f1f5f9}.bom-option-row.checked{background:#fff7ed;border-color:#ff6b00}.bom-option-row input{width:16px;height:16px;margin:0;accent-color:#FF6B00;cursor:pointer}.bom-option-label{font-size:.85rem;font-weight:600;color:#334e68;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bom-option-usd,.bom-option-thb{font-size:.8rem;font-weight:700;text-align:right;border-radius:6px;padding:3px 8px}.bom-option-usd{background:#0f172a;color:#facc15}.bom-option-thb{background:#ffedd5;color:#c2410c}.bom-totals{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.bom-totals-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bom-totals-field{display:flex;flex-direction:column;gap:3px;background:#fff;border-radius:8px;padding:6px 10px;border:1px solid #d1fae5}.bom-totals-field span{font-size:.72rem;color:#64748b}.bom-totals-field strong{font-size:.92rem;color:#102a43}.bom-totals-footer{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;align-items:center;border-top:1px dashed #bbf7d0;padding-top:10px}.bom-total-cost,.bom-selling-price,.bom-margin-field{display:flex;flex-direction:column;gap:4px}.bom-total-cost span,.bom-selling-price span,.bom-margin-field span{font-size:.78rem;font-weight:600;color:#334e68}.bom-total-cost strong{font-size:1.15rem;color:#dc2626}.bom-selling-price strong{font-size:1.3rem;color:#ea580c}.bom-margin-field input{border:1px solid #d9e2ec;border-radius:8px;padding:7px 10px;font-size:.95rem;font-weight:700;color:#102a43;font-family:inherit}@media (max-width: 720px){.bom-option-row{grid-template-columns:18px 1fr 70px 80px}.bom-totals-row,.bom-totals-footer{grid-template-columns:1fr}}.products-page{max-width:none;margin:0;display:flex;flex-direction:column;gap:10px}.products-modal-card{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.products-modal-card .form-body{padding-top:.1cm}.products-page .table-header{margin-bottom:4px}.products-page .table-tools .search-box{flex:1 1 224px;min-width:164px;max-width:344px}.field-inline-row{display:flex;align-items:center;gap:8px}.field-inline-label{flex-shrink:0;min-width:84px;color:#334e68;font-weight:600}.field-inline-row input,.field-inline-row .field-opt-select-row{flex:1;min-width:0}.bom-options-icon-btn{width:38px;height:38px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;cursor:pointer;font-size:1.05rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s}.bom-options-icon-btn:hover{background:#fff7ed;border-color:#ff6b00;transform:rotate(20deg)}.field-opt-hint{margin:0;font-size:.82rem;color:#6b7c93;line-height:1.4}.bom-brand-selector{display:flex;flex-direction:column;gap:6px;padding:12px 14px;margin-bottom:14px;background:#f0f7ff;border:1px solid #d9e6ff;border-radius:12px}.bom-brand-selector .field-opt-select{max-width:260px}.bom-admin-cost-note{font-size:.76rem;color:#94a3b8;font-style:italic;text-align:center}.products-page .table-wrap th,.products-page .table-wrap td{padding:6px 10px}.products-page .table-wrap table{table-layout:fixed;width:100%;min-width:0}.products-page .table-wrap th:nth-child(1),.products-page .table-wrap td:nth-child(1){width:170px;min-width:170px;white-space:normal;word-break:break-word}.products-page .table-wrap th:nth-child(2),.products-page .table-wrap td:nth-child(2){width:190px;min-width:190px}.products-page .table-wrap th:nth-child(3),.products-page .table-wrap td:nth-child(3){width:150px;min-width:150px;white-space:normal;word-break:break-word;text-align:center}.products-page .table-wrap th:nth-child(4),.products-page .table-wrap td:nth-child(4){width:100px;min-width:100px;white-space:nowrap}.products-page .table-wrap th:nth-child(5),.products-page .table-wrap td:nth-child(5){width:55px;min-width:55px;white-space:nowrap}.products-page .table-wrap th:nth-child(6),.products-page .table-wrap td:nth-child(6){width:48px;min-width:48px;white-space:nowrap;text-align:center}.products-page .table-wrap th:nth-child(7),.products-page .table-wrap td:nth-child(7){width:90px;min-width:90px;white-space:nowrap;text-align:right}.products-page .table-wrap th:nth-child(8),.products-page .table-wrap td:nth-child(8){width:100px;min-width:100px;white-space:nowrap;text-align:right}.products-page .table-wrap th:nth-child(9),.products-page .table-wrap td:nth-child(9){width:55px;min-width:55px;white-space:nowrap;text-align:center}.products-page .table-wrap th:nth-child(10),.products-page .table-wrap td:nth-child(10){width:90px;min-width:90px;white-space:nowrap;text-align:center}.products-page .table-wrap .th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.products-page .table-wrap .th-sortable:hover{background:#ffffff26}.products-page .table-wrap .dl-status-icon{width:24px;height:24px}.products-page .table-wrap .dl-status-icon svg{width:18px;height:18px}.products-page .table-wrap .tiny-btn{width:28px;height:28px}.products-page .table-wrap .tiny-btn svg{width:14px;height:14px}.filter-clear-btn{border:1px solid #f7c9bf;background:#fff4f2;color:#b42318;padding:8px 12px;border-radius:999px;cursor:pointer;font-size:.85rem;white-space:nowrap;transition:all .2s ease}.filter-clear-btn:hover{background:#ffece8}.products-modal-grid{display:grid;grid-template-columns:380px 1fr;gap:24px;align-items:stretch}.products-bom-section{min-width:0}@media (max-width: 900px){.products-modal-grid{grid-template-columns:1fr}}.bom-admin-list{display:flex;flex-direction:column;gap:8px}.bom-admin-row{display:grid;grid-template-columns:130px minmax(0,1fr) 100px 116px 34px;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.bom-admin-row-dragging{opacity:.35}.bom-admin-row-drag-over{background:#eef4ff;border-color:#3577ff}.bom-admin-code{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:#64748b;overflow-wrap:break-word;white-space:normal;line-height:1.25}.bom-admin-drag-handle{display:flex;align-items:center;flex-shrink:0;cursor:grab}.bom-admin-drag-hint{font-size:.78rem;font-weight:400;color:#94a3b8}.bom-admin-input{border:1px solid #d9e2ec;border-radius:6px;padding:6px 8px;font-size:.85rem;font-family:inherit;min-width:0;width:100%;box-sizing:border-box}.bom-admin-cost{text-align:right}.bom-admin-active{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;overflow:hidden;min-width:0}.bom-admin-active .toggle-switch{width:40px;height:22px;flex-shrink:0}.bom-admin-active .toggle-thumb{width:16px;height:16px;top:3px;left:3px}.bom-admin-active .toggle-on .toggle-thumb{transform:translate(18px)}.bom-admin-active .toggle-on{background:#ff6b00;box-shadow:0 3px 8px #ff6b0059}.bom-admin-active .toggle-label{font-size:.78rem;white-space:nowrap}.bom-admin-active .toggle-label-on{color:#ff6b00}.bom-admin-row-inactive{opacity:.55;background:#f1f5f9}.bom-admin-new-row{background:#fff7ed;border-color:#fed7aa}.bom-admin-new-row .secondary-btn{grid-column:4 / span 2;width:100%;white-space:nowrap}@media (max-width: 720px){.bom-admin-row{grid-template-columns:1fr}.bom-admin-new-row .secondary-btn{grid-column:auto}}.field-opt-manage-btn{width:38px;height:38px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s}.field-opt-manage-btn:hover{background:#fff7ed;border-color:#ff6b00;transform:rotate(20deg)}.field-opt-modal-card{width:calc(440px + 3cm)!important;max-width:95vw!important}.field-opt-modal-body{padding:0 24px 24px;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow-y:auto}.field-opt-list{max-height:220px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.field-opt-empty{padding:24px;text-align:center;color:#94a3b8;font-size:.9rem}.field-opt-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #e8eef7;transition:background .15s}.field-opt-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;color:#1e293b;font-weight:500}.field-opt-prefix-input{width:56px;flex-shrink:0;padding:9px 8px;border:1px solid #d9e2ec;border-radius:10px;font-size:.9rem;font-family:inherit;text-align:center;text-transform:uppercase;outline:none}.field-opt-prefix-input:focus{border-color:#3577ff;box-shadow:0 0 0 3px #3577ff26}.field-opt-add-row{display:flex;gap:8px}.field-opt-add-input{flex:1;width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #d9e2ec;border-radius:10px;font-size:.9rem;font-family:inherit;outline:none}.field-opt-add-input:focus{border-color:#3577ff;box-shadow:0 0 0 3px #3577ff26}.field-opt-add-btn{white-space:nowrap;padding:9px 16px!important;font-size:.88rem!important}.field-opt-error{color:#b42318;font-size:.85rem;padding:6px 10px;background:#fff1f2;border-radius:8px;border:1px solid #fdd}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#000000e6;fill:#000000e6}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.date-field-wrap{position:relative;display:inline-flex;align-items:center}.flatpickr-calendar{pointer-events:auto}.date-field-input{padding-right:34px!important;cursor:pointer}.date-field-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:pointer;transition:color .15s ease}.date-field-wrap:hover .date-field-icon,.date-field-wrap:focus-within .date-field-icon{color:#3577ff}.emp-page{max-width:none;margin:0;display:flex;flex-direction:column;gap:18px}.emp-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:780px}.emp-table th{background:#ff6b00;color:#fff;font-size:.85rem;padding:11px 8px;text-align:center;font-weight:700;white-space:nowrap;overflow:hidden}.emp-table td{padding:10px 8px;border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:.88rem;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-table td:nth-child(3){white-space:normal}.gender-male{color:#1d4ed8;font-weight:600;font-size:.88rem;white-space:nowrap}.gender-female{color:#be185d;font-weight:600;font-size:.88rem;white-space:nowrap}.emp-table tbody tr:hover{background:#fafbff}.emp-code{font-family:monospace;font-size:.85rem;color:#2457c5;font-weight:700;background:#eaf2ff;padding:3px 8px;border-radius:6px;white-space:nowrap}.emp-selector-row{display:flex;gap:12px;flex:1;align-items:flex-end;flex-wrap:wrap}.emp-select{width:100%;padding:10px 12px;border:1px solid #d9e2ec;border-radius:10px;font-size:.95rem;font-family:inherit;background:#f8fbff;outline:none;cursor:pointer}.emp-select:focus{border-color:#3577ff;box-shadow:0 0 0 3px #3577ff26}.quota-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quota-card{background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 6px 20px #0f172a12;border:1px solid #e8eef7;transition:transform .2s,box-shadow .2s}.quota-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0f172a1a}.pay-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.pay-row{display:flex;justify-content:space-between;font-size:.92rem;color:#475569}.pay-net{border-top:2px solid #e2e8f0;padding-top:8px;margin-top:4px;font-size:1.1rem;font-weight:800;color:#1d4ed8}.pay-item-table{width:100%;min-width:560px;table-layout:fixed;border-collapse:collapse}.pay-item-table th{text-align:left;font-size:.78rem;color:#64748b;padding:6px 8px;border-bottom:2px solid #e2e8f0}.pay-item-table td{padding:5px 6px;border-bottom:1px solid #eef2f7;vertical-align:middle}.pay-item-table select,.pay-item-table input{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #d9e2ec;border-radius:8px;padding:6px 8px;font-size:.88rem;font-family:inherit;outline:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pay-item-table select:focus,.pay-item-table input:focus{border-color:#3577ff;box-shadow:0 0 0 3px #3577ff26}.pay-item-amount{text-align:right;font-weight:700;white-space:nowrap;padding-right:10px!important}.pay-item-add-row{margin-top:8px}.slip-card{max-width:760px!important}.slip-body{padding:10px 28px 28px;font-family:Sarabun,sans-serif;min-width:0;min-height:0;flex:1;overflow-y:auto;overflow-x:hidden}.slip-header{text-align:center;margin-bottom:18px;border-bottom:2px solid #1d4ed8;padding-bottom:12px}.slip-company{font-size:1.2rem;font-weight:800;color:#1d4ed8}.slip-title{font-size:1rem;font-weight:700;color:#334e68;margin-top:4px}.slip-period{font-size:.9rem;color:#64748b;margin-top:2px}.slip-info-table{width:100%;min-width:0;margin-top:0;table-layout:fixed;border-collapse:collapse;border:1px solid #cbd5e1;font-size:.85rem;margin-bottom:0}.slip-info-table td{border:1px solid #cbd5e1;padding:5px 10px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.slip-info-label{color:#64748b;font-size:.8rem}.slip-info-value{color:#102a43;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slip-info-photo{text-align:center;vertical-align:middle;padding:6px}.slip-table-wrap{margin-bottom:16px;overflow-x:auto}.slip-table{width:100%;min-width:0;border-collapse:collapse;border:1px solid #cbd5e1;font-size:.88rem}.slip-table th{background:#1d4ed8;color:#fff;border:1px solid #cbd5e1;padding:5px 8px;text-align:left;box-sizing:border-box;white-space:nowrap}.slip-table td{border:1px solid #cbd5e1;padding:5px 10px;color:#1e293b;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.slip-table td:nth-child(2),.slip-table td:nth-child(4){text-align:right;font-weight:600}.slip-total td{font-weight:700;background:#f1f5f9;border-top:2px solid #cbd5e1}.slip-net-inline{display:flex;justify-content:space-between;align-items:center;gap:12px}.slip-net-text-inline{color:#64748b;font-weight:400;font-size:.85rem}.slip-note{font-size:.85rem;color:#64748b;margin-bottom:16px;padding:8px 12px;background:#fef9c3;border-radius:8px}.slip-sign{display:flex;justify-content:space-around;margin-top:24px;gap:32px}.slip-sign-box{flex:1;text-align:center;font-size:.85rem;color:#475569}.slip-sign-line{height:32px;border-bottom:1.5px dashed #94a3b8;margin-bottom:8px}.slip-timestamp{text-align:right;font-size:.75rem;color:#94a3b8;margin-top:10px}.slip-topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:5px;margin-bottom:0}.slip-logo{width:78px;height:auto;flex-shrink:0;margin-top:-8px}.slip-company-block{min-width:0;flex:1 1 auto}.slip-company-block .slip-company{font-size:1.15rem;font-weight:800;color:#1d4ed8;text-align:left;overflow-wrap:break-word}.slip-company-addr{font-size:.8rem;color:#64748b;margin-top:2px;overflow-wrap:break-word}.slip-taxid-box{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px;text-align:center;font-size:.75rem;color:#64748b;flex:0 1 auto;max-width:100%}.slip-taxid-box strong{display:block;color:#102a43;font-size:.85rem;margin-top:2px;overflow-wrap:break-word}.slip-title-bar{text-align:center;font-weight:700;font-size:1rem;color:#334e68;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:0;padding:7px;margin-bottom:0}.slip-items-table td:nth-child(2),.slip-items-table td:nth-child(4){text-align:left;font-weight:400}.photo-upload-section{display:flex;align-items:center;gap:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px 20px}.photo-preview-wrap{position:relative;width:96px;height:96px;border-radius:50%;flex-shrink:0;cursor:pointer;overflow:hidden}.photo-preview-img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #e2e8f0;box-shadow:0 4px 14px #0000001f;display:block}.photo-placeholder{width:96px;height:96px;border-radius:50%;border:2px dashed #cbd5e1;background:#f1f5f9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#94a3b8;font-size:.75rem;font-weight:600}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000073;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.photo-preview-wrap:hover .photo-overlay{opacity:1}.photo-upload-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.photo-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:none;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .18s ease;white-space:nowrap}.photo-btn-pick{background:#eef4ff;color:#2457c5;border:1px solid #bcd2ff}.photo-btn-pick:hover{background:#dce9ff;transform:translateY(-1px);box-shadow:0 4px 10px #3577ff26}.photo-btn-del{background:#fff1f2;color:#b42318;border:1px solid #fdd}.photo-btn-del:hover{background:#ffe4e6;transform:translateY(-1px);box-shadow:0 4px 10px #b423181f}.photo-hint{margin:0;font-size:.76rem;color:#94a3b8}.photo-extra-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;padding-left:20px;border-left:1px solid #e2e8f0}.emp-table .action-group{display:flex;gap:8px;justify-content:center;align-items:center}.emp-table .action-group .tiny-btn{width:40px;height:40px;border-radius:12px;background:#f8f9fa;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;box-shadow:none;padding:0}.pay-history-table th{padding:8px}.pay-history-table td{padding:6px 8px}.pay-history-table .action-group .tiny-btn{width:32px;height:32px;border-radius:9px}.emp-table .action-group .tiny-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 3px 8px #0f172a1a}.emp-table .action-group .tiny-btn.danger:hover{background:#fff5f5;border-color:#fecaca;box-shadow:0 3px 8px #dc26261f}.emp-table .action-group .tiny-btn svg{stroke:#374151}.emp-table .action-group .tiny-btn.danger svg{stroke:#374151}.emp-table .action-group .tiny-btn.danger:hover svg{stroke:#dc2626}.pos-select-row{display:flex;gap:8px;align-items:center;flex:1;min-width:0}.pos-select{flex:1;padding:9px 12px;border:1px solid #d9e2ec;border-radius:10px;font-size:.95rem;font-family:inherit;background:#f8fbff;outline:none;cursor:pointer}.pos-select:focus{border-color:#3577ff;box-shadow:0 0 0 3px #3577ff26}.pos-manage-btn{width:38px;height:38px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s}.pos-manage-btn:hover{background:#fff7ed;border-color:#ff6b00;transform:rotate(20deg)}.pos-modal-card{width:calc(440px + 3cm)!important;max-width:95vw!important}.pos-modal-card.salary-history-card{width:calc(440px + 6cm)!important}.payroll-pay-modal,.emp-form-modal{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.emp-form-modal textarea{min-height:0}.emp-inline-group{display:flex;gap:20px}.emp-inline-group .field-inline-row{flex:1;min-width:0}.payroll-inline-row{display:flex;align-items:center;gap:8px}.payroll-inline-label{flex-shrink:0;min-width:70px;color:#334e68;font-weight:600}.payroll-col-a{min-width:115px}.payroll-col-b{min-width:180px}.payroll-inline-row select,.payroll-inline-row input{flex:1;min-width:0}.pos-modal-body{padding:0 24px 24px;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow-y:auto}.pos-list{max-height:220px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.pos-empty{padding:24px;text-align:center;color:#94a3b8;font-size:.9rem}.pos-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #e8eef7;transition:background .15s}.pos-item:last-child{border-bottom:none}.pos-item:hover{background:#eef4ff}.pos-item-name{font-size:.92rem;color:#1e293b;font-weight:500}.pos-item.editing{background:#eef4ff}.pos-item-actions{display:flex;gap:6px;flex-shrink:0}.pos-editing-tag{font-size:.85rem;color:#1d4ed8;background:#eef4ff;border:1px solid #dbe6ff;border-radius:8px;padding:6px 10px}.pos-add-row{display:flex;gap:8px}.pos-add-input{flex:1;width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #d9e2ec;border-radius:10px;font-size:.9rem;font-family:inherit;outline:none}.pos-add-input:focus{border-color:#3577ff;box-shadow:0 0 0 3px #3577ff26}.pos-add-btn{white-space:nowrap;padding:9px 16px!important;font-size:.88rem!important}.pos-error{color:#b42318;font-size:.85rem;padding:6px 10px;background:#fff1f2;border-radius:8px;border:1px solid #fdd}@media print{@page{size:A4 portrait;margin:12mm}.no-print{display:none!important}body,html,#root{min-height:0!important;height:auto!important}.page-shell{min-height:0!important;padding:0!important;background:none!important}.modal-overlay{position:absolute!important;inset:auto!important;top:0!important;left:0!important;width:100%!important;height:auto!important;display:block!important;background:none!important;padding:0!important}.slip-card{position:relative!important;box-shadow:none!important;border:none!important;width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important;margin:0!important}.slip-body{overflow:visible!important}}@media (max-width: 900px){.quota-grid{grid-template-columns:1fr 1fr}.emp-selector-row{flex-direction:column}}@media (max-width: 600px){.quota-grid{grid-template-columns:1fr}}.customer-picker{position:relative}.field-inline-row .customer-picker{flex:1;min-width:0}.customer-picker-input{width:100%;box-sizing:border-box;padding-left:32px!important}.customer-picker-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.customer-picker-list{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow-y:auto;background:#fff;border:1px solid #d9e2ec;border-radius:10px;box-shadow:0 8px 24px #0f172a24;z-index:40}.customer-picker-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;font-size:.88rem}.customer-picker-item:hover{background:#eef4ff}.customer-picker-code{font-weight:700;color:#3577ff;min-width:74px;flex-shrink:0}.customer-picker-name{color:#1e293b}.customer-picker-empty{padding:10px 12px;color:#94a3b8;font-size:.85rem}.qp-table-header{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;justify-content:flex-start}.qp-filter-group{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}.qp-filter-group .filter-select{width:100%;box-sizing:border-box}.qp-filter-date,.qp-filter-no{width:150px}.qp-filter-customer{width:260px}.qp-filter-status{width:150px}.qp-filter-label{font-size:.78rem;font-weight:600;color:#7c8ba1}.qp-add-btn{margin-left:auto;align-self:flex-end}@media (max-width: 900px){.qp-add-btn{margin-left:0}}.form-section-columns{display:flex;gap:16px;align-items:flex-start;padding-bottom:10px;box-shadow:0 6px 8px -6px #0f172a26}.split-scroll-modal-card .customer-form{overflow:hidden}.split-scroll-modal-card .form-body{flex:1;min-height:0;overflow:visible}.form-items-scroll-area{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.form-section-columns>.form-section{flex:1 1 0;min-width:0}.form-section-columns>.form-section:first-child{flex:3 1 0;min-width:380px}.form-section-columns>.form-section:last-child{flex:2 1 0;min-width:560px}@media (max-width: 900px){.form-section-columns{flex-direction:column}}.form-grid.field-inline-grid{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:8px 12px}.field-inline-grid .field-block:not(.full-width-field){display:contents}.field-inline-grid .field-block:not(.full-width-field) .field-inline-row{display:contents}.field-inline-grid .field-inline-label{white-space:nowrap}.field-inline-grid .full-width-field{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center}.field-inline-grid .full-width-field .field-inline-row{display:contents}.field-inline-grid .full-width-field .field-inline-label{grid-column:1}.field-inline-grid .full-width-field .field-inline-row>input,.field-inline-grid .full-width-field .field-inline-row>.customer-picker{grid-column:2 / -1}.form-section:has(.field-inline-grid){padding:10px 12px}.field-inline-grid{gap:8px}.field-inline-grid input,.field-inline-grid .customer-picker-input{padding:7px 10px}.quo-form-modal input:not(:read-only):not(:disabled),.quo-form-modal textarea:not(:read-only):not(:disabled),.quo-form-modal .customer-picker-input{background:#fff3e6}.quo-form-modal input:not(:read-only):not(:disabled):focus,.quo-form-modal textarea:not(:read-only):not(:disabled):focus{background:#fffaf3}.inv-quo-modal-fullscreen .form-body{padding-top:calc(20px - .5cm)}.inv-quo-modal-fullscreen{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;height:calc(100vh - 24px)!important;max-height:calc(100vh - 24px)!important}.qp-header-stats{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.qp-header-stat{display:flex;align-items:center;gap:9px;background:#f8fafc;border:1px solid #e8eef7;border-radius:999px;padding:7px 16px 7px 8px;white-space:nowrap}.qp-header-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:.95rem;background:#eef2f7;flex-shrink:0}.qp-header-stat-label{font-size:.85rem;color:#486581}.qp-header-stat-value{font-size:1.1rem;font-weight:800;color:#102a43;margin-left:2px}.qp-header-stat-total .qp-header-stat-icon{background:#eaf2ff}.qp-header-stat-won{background:#f0fdf5;border-color:#d6f2e0}.qp-header-stat-won .qp-header-stat-icon{background:#dcf7e6}.qp-header-stat-won .qp-header-stat-value{color:#15803d}.qp-header-stat-lost{background:#fff5f4;border-color:#fbdedb}.qp-header-stat-lost .qp-header-stat-icon{background:#fbe0dd}.qp-header-stat-lost .qp-header-stat-value{color:#b42318}.qp-header-stat-pending{background:#fff9ec;border-color:#fbe9c5}.qp-header-stat-pending .qp-header-stat-icon{background:#fcefcf}.qp-header-stat-pending .qp-header-stat-value{color:#b45309}@media (max-width: 900px){.qp-header-stats{width:100%;justify-content:flex-start}}.filter-selects{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.filter-select{padding:9px 12px;border:1px solid #d9e2ec;border-radius:12px;font-size:.9rem;font-family:inherit;background:#f8fbff;outline:none;cursor:pointer;min-width:130px}.filter-select:focus{border-color:#3577ff;box-shadow:0 0 0 3px #3577ff26}.quo-status-select{border:none;border-radius:999px;padding:7px 26px 7px 10px;font-size:.82rem;font-weight:700;cursor:pointer;outline:none;width:100%;box-sizing:border-box;text-align:left;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-repeat:no-repeat;background-position:right 8px center;background-size:13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.quo-status-pending{color:#92650f}.quo-status-approved{color:#15803d}.quo-status-rejected{color:#b42318}.quo-status-converted{color:#1d4ed8}.quo-line-count{font-size:.82rem;font-weight:500;color:#64748b}.quo-line-warning{background:#fff7ed;border:1px solid #fed7aa;color:#b45309;border-radius:10px;padding:10px 14px;font-size:.85rem;margin-bottom:10px}.quo-item-list{display:flex;flex-direction:column;gap:10px}.quo-item-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.quo-item-row-main{display:grid;grid-template-columns:24px 1fr 90px 110px 110px 110px 34px;align-items:start;gap:8px}.quo-item-header{display:grid;grid-template-columns:24px 1fr 90px 110px 110px 110px 34px;gap:8px;padding:0 12px;margin-bottom:2px}.quo-item-row-main.inv-hide-admin-cols,.quo-item-header.inv-hide-admin-cols{grid-template-columns:24px 1fr 90px 110px 110px 34px}.quo-item-header span{font-size:.78rem;font-weight:600;color:#7c8ba1;text-align:right}.quo-item-header span:nth-child(2){text-align:left}@media (max-width: 640px){.quo-item-header{display:none}}.quo-item-no{font-weight:700;color:#64748b;padding-top:6px;text-align:center}.quo-item-desc{border:1px solid #d9e2ec;border-radius:8px;padding:6px 8px;font-size:.88rem;font-family:inherit;resize:none;overflow-y:hidden}.customer-form textarea.quo-item-desc{min-height:0;height:34px}.quo-item-qty,.quo-item-price,.quo-item-cost{border:1px solid #d9e2ec;border-radius:8px;padding:6px 8px;font-size:.88rem;text-align:right}.quo-item-qty::-webkit-inner-spin-button,.quo-item-qty::-webkit-outer-spin-button,.quo-item-price::-webkit-inner-spin-button,.quo-item-price::-webkit-outer-spin-button,.quo-item-cost::-webkit-inner-spin-button,.quo-item-cost::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;-moz-appearance:auto!important;appearance:auto!important;opacity:1}.quo-item-amount{padding-top:6px;text-align:right;font-weight:700;color:#102a43}@media (max-width: 640px){.quo-item-row-main{grid-template-columns:22px 1fr 34px;grid-template-rows:auto auto auto;row-gap:6px}.quo-item-no{grid-row:1;grid-column:1}.quo-item-desc{grid-row:1;grid-column:2}.quo-item-row-main>.tiny-btn.danger{grid-row:1;grid-column:3}.quo-item-qty{grid-row:2;grid-column:1 / 3}.quo-item-price{grid-row:2;grid-column:3}.quo-item-cost{grid-row:3;grid-column:1 / 3}.quo-item-amount{grid-row:3;grid-column:3;padding-top:6px}}.quo-item-row-image{display:flex;align-items:center;gap:10px;padding-left:32px}.quo-item-thumb-wrap{position:relative;width:48px;height:48px;flex:0 0 auto}.quo-item-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0;display:block}.quo-item-thumb-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border:2px solid #ffffff;border-radius:50%;background:#e11d48;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 1px 4px #00000040}.quo-item-thumb-remove:hover{background:#be123c}.quo-item-upload-btn{cursor:pointer;font-size:.8rem!important;padding:6px 12px!important}.quo-totals-split{display:flex;align-items:flex-start;gap:16px;margin-top:14px;padding:14px 16px;background:#f8fbff;border:1px solid #d9e6ff;border-radius:12px}.quo-totals-internal-box{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.quo-totals-box{display:flex;flex-direction:column;gap:6px;align-items:flex-end;margin-left:auto}.quo-totals-row{display:flex;gap:16px;font-size:.92rem;color:#334e68}.quo-totals-internal-box .quo-totals-row{width:160px;justify-content:space-between;gap:8px}.quo-totals-grand{font-size:1.05rem;color:#102a43}.quo-totals-text{font-size:.85rem;color:#64748b;font-style:italic}.quo-table-wrap{height:300px;overflow-y:auto}.quo-list-table{table-layout:fixed!important;min-width:1060px!important}.quo-list-table th{text-align:center!important}.quo-list-table th:nth-child(1),.quo-list-table td:nth-child(1){width:100px!important;min-width:0!important;white-space:normal!important;word-break:break-word;overflow-wrap:anywhere}.quo-list-table th:nth-child(2),.quo-list-table td:nth-child(2){width:300px!important;min-width:0!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.quo-list-table th:nth-child(3),.quo-list-table td:nth-child(3){width:95px!important;min-width:0!important;white-space:nowrap!important;text-align:center!important}.quo-list-table th:nth-child(4),.quo-list-table td:nth-child(4){width:128px!important;min-width:0!important;white-space:nowrap!important;text-align:center!important}.quo-list-table th:nth-child(5),.quo-list-table td:nth-child(5){width:105px!important;min-width:0!important;white-space:nowrap!important}.quo-list-table td:nth-child(5){text-align:right!important}.quo-list-table th:nth-child(6),.quo-list-table td:nth-child(6){width:150px!important;min-width:0!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.quo-list-table td:nth-child(6){text-align:left!important}.quo-list-table th:nth-child(7),.quo-list-table td:nth-child(7){width:190px!important;min-width:0!important;white-space:nowrap!important;text-align:center!important}.qp-sheet{display:flex;justify-content:center}.qp-frame{box-sizing:border-box;width:210mm;min-height:280mm;background:#fff;border:2px solid #222222;padding:14mm 16mm;box-shadow:0 10px 30px #0000001f;font-size:.85rem;color:#111827}.qp-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid #111827;padding-bottom:10px;margin-bottom:10px}.qp-header-left{display:flex;align-items:center;gap:12px}.qp-logo{width:90px;height:auto;flex-shrink:0}.qp-export-pdf-btn{background:#22c55e;color:#fff}.qp-export-pdf-btn:hover:not(:disabled){background:#16a34a}.qp-company-name{font-size:1.3rem;font-weight:800;color:#ff6b00}.qp-company-line{font-size:.8rem;color:#334e68}.qp-doc-title{text-align:right}.qp-doc-title-text{font-size:1.5rem;font-weight:800}.qp-doc-title-th{font-size:.9rem;color:#486581}.qp-meta-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;margin-bottom:12px}.qp-meta-table td{border:1px solid #cbd5e1;padding:4px 8px;font-size:.82rem}.qp-meta-label{background:#f1f5f9;font-weight:700;width:90px;white-space:nowrap}.qp-item-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;margin-bottom:10px}.qp-col-desc{width:auto;word-break:break-word}.qp-item-table th,.qp-item-table td{box-sizing:border-box;border:1px solid #cbd5e1;padding:6px 8px;font-size:.8rem;vertical-align:top}.qp-item-table thead th{background:#111827;color:#fff;text-align:center}.qp-item-table .qp-col-item{width:22px;text-align:center}.qp-item-table .qp-col-price{width:65px;text-align:right}.qp-item-table .qp-col-qty{width:1.5cm;text-align:center}.qp-item-table .qp-col-amount{width:70px;text-align:right}.qp-item-desc-lines div:first-child{font-weight:700}.qp-item-image{display:block;margin-top:6px;max-width:160px;max-height:100px;object-fit:contain}.qp-notes{border:1px solid #cbd5e1;border-radius:6px;padding:8px 10px;font-size:.8rem;margin-bottom:10px}.qp-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:10px;border-top:1px solid #e2e8f0;margin-bottom:18px}.qp-totals{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.qp-totals-words{font-size:.82rem;font-style:italic;color:#486581}.qp-totals-table{width:280px;min-width:0;table-layout:fixed;flex-shrink:0;border-collapse:collapse}.qp-totals-table tr{border-bottom:1px solid #e2e8f0}.qp-totals-table tr:last-child{border-bottom:none}.qp-totals-table td{padding:10px 4px;font-size:.85rem;text-align:right}.qp-totals-table td:first-child{width:165px;white-space:nowrap;text-align:left;color:#486581}.qp-totals-grand td{font-weight:800;font-size:.95rem;color:#111827}.qp-terms{font-size:.8rem;color:#334e68;display:flex;flex-direction:column;gap:4px;border:2px solid #111827;border-radius:6px;padding:12px 16px;flex:1;min-width:0}.qp-signatures{display:flex;justify-content:space-around;gap:24px;text-align:center;font-size:.8rem}.qp-signature-box{flex:1}.qp-signature-line{border-bottom:1px solid #334e68;height:40px}.qp-signature-role{color:#64748b}@media print{@page{size:A4 portrait;margin:0}html,body{margin:0!important;padding:0!important;width:100%!important;height:auto!important}.no-print{display:none!important}.print-page-shell{min-height:0!important;height:auto!important;padding:0!important;margin:0!important;background:#fff}.qp-sheet{display:block}.qp-frame{width:210mm;min-height:297mm;margin:0 auto;box-shadow:none;border:none;padding:12mm 15mm;page-break-after:avoid}}.inv-wht-select{font-weight:400}.inv-paid-date-field{box-sizing:border-box;width:122px;padding:4px 26px 4px 8px!important;font-size:.82rem}.inv-form-modal input:not(:read-only):not(:disabled),.inv-form-modal textarea:not(:read-only):not(:disabled),.inv-form-modal .customer-picker-input{background:#fff3e6}.inv-form-modal input:not(:read-only):not(:disabled):focus,.inv-form-modal textarea:not(:read-only):not(:disabled):focus{background:#fffaf3}.inv-header-card{padding-top:calc(14px - .25cm);padding-bottom:calc(14px - .25cm)}.quo-item-row-main.inv-item-grid,.quo-item-header.inv-item-grid{grid-template-columns:24px 1fr calc(130px + 2cm) 90px 110px 110px 110px 34px}.quo-item-row-main.inv-item-grid.inv-hide-admin-cols,.quo-item-header.inv-item-grid.inv-hide-admin-cols{grid-template-columns:24px 1fr calc(130px + 2cm) 90px 110px 110px 34px}.quo-item-serial{border:1px solid #d9e2ec;border-radius:8px;padding:6px 8px;font-size:.88rem}@media (max-width: 640px){.quo-item-row-main.inv-item-grid{grid-template-columns:22px 1fr 34px}.quo-item-row-main.inv-item-grid .quo-item-serial{grid-row:2;grid-column:1 / 3}.quo-item-row-main.inv-item-grid .quo-item-qty{grid-row:3;grid-column:1 / 3}.quo-item-row-main.inv-item-grid .quo-item-price{grid-row:3;grid-column:3}.quo-item-row-main.inv-item-grid .quo-item-cost{grid-row:4;grid-column:1 / 3}.quo-item-row-main.inv-item-grid .quo-item-amount{grid-row:4;grid-column:3}}.inv-status-open{color:#2457c5}.inv-status-closed{color:#475569}.inv-from-quo-modal{width:min(720px,calc(100vw - 24px))}.field-opt-hint{margin:0 0 10px;font-size:.82rem;color:#6b7c93;line-height:1.4}.field-opt-list{max-height:320px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.field-opt-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid #e8eef7;transition:background .15s}.field-opt-item:last-child{border-bottom:none}.field-opt-item:hover{background:#eef4ff}.field-opt-item-name{font-size:.92rem;color:#1e293b;font-weight:500}.inv-table-header{margin-bottom:8px}.inv-table-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.inv-table-header-actions .secondary-btn,.inv-table-header-actions .primary-btn{padding:7px 12px}.inv-table-header .inv-checkbox-filters{margin-bottom:0}.inv-row-cancelled{opacity:.5;text-decoration:line-through}.inv-cell-muted{opacity:.35}.inv-table-wrap{height:300px;overflow-y:auto}.products-page .table-wrap .inv-table{table-layout:fixed;width:2110px;min-width:2110px}.products-page .table-wrap .inv-table th,.products-page .table-wrap .inv-table td{box-sizing:border-box;white-space:nowrap;text-align:center;font-size:.85rem;overflow:hidden;text-overflow:ellipsis}.products-page .table-wrap .inv-table.inv-hide-admin-cols .inv-col-admin-only{display:none}.products-page .table-wrap .inv-table th:nth-child(3),.products-page .table-wrap .inv-table td:nth-child(3){width:260px;text-align:left}.products-page .table-wrap .inv-table th:nth-child(1),.products-page .table-wrap .inv-table td:nth-child(1){width:100px}.products-page .table-wrap .inv-table th:nth-child(2),.products-page .table-wrap .inv-table td:nth-child(2){width:95px}.products-page .table-wrap .inv-table th:nth-child(4),.products-page .table-wrap .inv-table td:nth-child(4){width:60px}.products-page .table-wrap .inv-table th:nth-child(5),.products-page .table-wrap .inv-table td:nth-child(5){width:140px;overflow:visible}.products-page .table-wrap .inv-table th:nth-child(6),.products-page .table-wrap .inv-table td:nth-child(6){width:100px;text-align:right}.products-page .table-wrap .inv-table th:nth-child(7),.products-page .table-wrap .inv-table td:nth-child(7){width:100px;text-align:right}.products-page .table-wrap .inv-table th:nth-child(8),.products-page .table-wrap .inv-table td:nth-child(8){width:100px;text-align:right}.products-page .table-wrap .inv-table th:nth-child(9),.products-page .table-wrap .inv-table td:nth-child(9){width:52px}.products-page .table-wrap .inv-table th:nth-child(10),.products-page .table-wrap .inv-table td:nth-child(10){width:150px;overflow:visible}.products-page .table-wrap .inv-table th:nth-child(11),.products-page .table-wrap .inv-table td:nth-child(11){width:150px;overflow:visible}.products-page .table-wrap .inv-table th:nth-child(12),.products-page .table-wrap .inv-table td:nth-child(12){width:184px}.products-page .table-wrap .inv-table th:nth-child(13),.products-page .table-wrap .inv-table td:nth-child(13){width:100px}.products-page .table-wrap .inv-table th:nth-child(14),.products-page .table-wrap .inv-table td:nth-child(14){width:78px}.products-page .table-wrap .inv-table th:nth-child(15),.products-page .table-wrap .inv-table td:nth-child(15){width:133px}.products-page .table-wrap .inv-table th:nth-child(16),.products-page .table-wrap .inv-table td:nth-child(16){width:88px}.products-page .table-wrap .inv-table th:nth-child(17),.products-page .table-wrap .inv-table td:nth-child(17){width:60px}.products-page .table-wrap .inv-table th:nth-child(18),.products-page .table-wrap .inv-table td:nth-child(18){width:160px}.inv-summary-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;padding:14px 18px;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:12px;color:#000}.inv-summary-bar>div{flex:1;min-width:130px;display:flex;flex-direction:column;gap:4px}.inv-summary-sales{color:#fde047}.inv-summary-cost{color:#ff6b6b}.inv-summary-vat{color:#fff}.inv-summary-grandtotal{color:#a5e8f7}.inv-summary-profit{color:#4da6ff}.inv-summary-bar span{font-size:.78rem;opacity:.85}.inv-summary-bar strong{font-size:1.05rem}.ip-sheet{display:flex;justify-content:center}.ip-frame{position:relative;width:210mm;min-height:297mm;background:#fff;border:1px dashed #cbd5e1;box-shadow:0 10px 30px #0000001f;font-family:Cordia New,TH SarabunPSK,Sarabun,sans-serif;font-size:1.2rem;color:#111827}.ip-field{position:absolute;white-space:pre-wrap}.ip-field-date{top:51.8mm;right:22mm}.ip-field-billno{top:59.2mm;right:22mm;font-weight:800;font-size:1.4rem}.ip-field-duedate{top:67.7mm;right:22mm}.ip-field-credit{top:74.2mm;right:22mm}.ip-field-pono{top:81.7mm;right:30mm;font-weight:700}.ip-field-company{top:56.7mm;left:17mm;font-weight:700}.ip-field-address{top:66.1mm;left:17mm;max-width:95mm}.ip-field-phone{top:80.6mm;left:20mm}.ip-field-fax{top:80.6mm;left:88mm}.ip-field-taxid{top:91.5mm;left:58mm}.ip-field-headoffice-check{top:99mm;left:138mm;font-weight:800;font-size:1.05rem}.ip-field-branch-check{top:91.9mm;left:169mm;font-weight:800;font-size:1.05rem}.ip-field-branch-no{top:92mm;left:189mm;font-weight:700}.ip-items{position:absolute;top:114.5mm;left:12mm;right:16mm;display:flex;flex-direction:column;gap:.8mm}.ip-item-row{display:grid;grid-template-columns:8mm 1fr 18mm 25mm 25mm;gap:2mm;align-items:start;font-size:1.05rem}.ip-item-no{text-align:center}.ip-item-desc{margin-left:.8cm}.ip-item-desc div:first-child{font-weight:700}.ip-item-qty{text-align:center;margin-left:2.2cm}.ip-item-price,.ip-item-amount{text-align:right}.ip-item-amount{transform:translate(4mm)}.ip-field-subtotal{top:215.2mm;right:12mm;text-align:right}.ip-field-vat{top:227.2mm;right:12mm;text-align:right}.ip-field-grandtotal{top:237.2mm;right:12mm;font-weight:800;font-size:1.4rem}.ip-field-words{top:241mm;left:18mm;max-width:110mm;font-weight:700}.ip-field-issuer{display:none}@media print{@page{size:A4 portrait;margin:0}html,body{margin:0!important;padding:0!important;width:100%!important;height:auto!important}.no-print{display:none!important}.print-page-shell{min-height:0!important;height:auto!important;padding:0!important;margin:0!important;background:#fff}.ip-sheet{display:block}.ip-frame{width:210mm;height:297mm;margin:0 auto;box-shadow:none;border:none}}.users-page{max-width:none;margin:0;display:flex;flex-direction:column;gap:.3cm}.users-count-badge{margin-left:.5cm}.users-table td{padding:7px 10px}.users-table{table-layout:fixed;min-width:1020px}.users-table th:nth-child(1),.users-table td:nth-child(1){width:130px}.users-table th:nth-child(2),.users-table td:nth-child(2){width:calc(300px - 2cm)}.users-table th:nth-child(3),.users-table td:nth-child(3){width:130px}.users-table th:nth-child(4),.users-table td:nth-child(4){width:450px;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.users-table th:nth-child(5),.users-table td:nth-child(5){width:110px}.users-perm-cell{color:#486581;font-size:.88rem}.role-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.82rem;font-weight:700;white-space:nowrap}.role-badge.role-c1{background:#fde3e3;color:#b42318}.role-badge.role-c2{background:#f1e6fd;color:#7c3aed}.role-badge.role-c3{background:#dcf7e6;color:#15803d}.role-badge.role-c4{background:#fde9c2;color:#92650f}.role-badge.role-c5{background:#d3e4fd;color:#1d4ed8}.role-badge.role-default{background:#eef2f7;color:#486581}.users-password-row{display:flex;align-items:center;gap:8px}.users-password-row input{flex:1;min-width:0}.users-eye-btn{flex:0 0 auto;width:40px;height:40px;border:1px solid #d9e2ec;border-radius:10px;background:#f8fbff;color:#486581;display:flex;align-items:center;justify-content:center;cursor:pointer}.users-eye-btn:hover{border-color:#3577ff;color:#3577ff}.users-eye-btn svg{width:17px;height:17px;flex-shrink:0}.users-perm-title{display:flex;align-items:center;justify-content:space-between}.users-perm-all-btn{border:none;background:none;color:#3577ff;font-size:.82rem;font-weight:700;cursor:pointer;padding:0}.users-perm-all-btn:hover{text-decoration:underline}.users-perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.users-perm-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #d9e2ec;border-radius:12px;background:#fff;cursor:pointer;font-weight:600;color:#334e68}.users-perm-card:hover{border-color:#a9c4f5}.users-perm-card.checked{border-color:#3577ff;background:#eef4ff;color:#1d4ed8}.users-perm-card input[type=checkbox]{width:16px;height:16px;flex:0 0 auto;accent-color:#3577ff}.users-perm-icon{font-size:1.05rem}.users-perm-label{font-size:.9rem}.users-modal-card{width:min(1400px,calc(100vw - 32px));max-height:95vh}.users-modal-card .form-body{padding-top:.1cm}@media (max-width: 640px){.users-perm-grid{grid-template-columns:1fr}}.apikeys-intro{color:#64748b;font-size:.88rem;line-height:1.6;margin:-6px 0 16px}.apikeys-intro code{background:#f1f5f9;padding:1px 6px;border-radius:4px;font-size:.85em}.apikeys-status-btn{border:none;cursor:pointer}.apikeys-scope-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.apikeys-scope-item{display:flex;align-items:center;gap:10px;font-size:.92rem;cursor:pointer}.apikeys-scope-item input{width:17px;height:17px;cursor:pointer}.apikeys-reveal-card{max-width:560px}.apikeys-warning{margin-bottom:14px}.apikeys-key-box{display:flex;align-items:center;gap:10px;background:#0f172a;color:#a7f3d0;border-radius:10px;padding:14px 16px;margin-bottom:14px}.apikeys-key-box code{flex:1;font-family:Consolas,Courier New,monospace;font-size:.85rem;word-break:break-all}.apikeys-key-box .tiny-btn{flex-shrink:0;background:#1e293b;color:#fff;border-radius:6px;padding:6px 12px;width:auto;height:auto}.apikeys-usage-hint{font-size:.82rem;color:#64748b;margin-bottom:4px}.apikeys-usage-hint code{background:#f1f5f9;padding:2px 6px;border-radius:4px;word-break:break-all}.settings-page{max-width:none;margin:0;display:flex;flex-direction:column;gap:12px}.settings-form{display:flex;flex-direction:column;gap:20px}.settings-form input{width:100%;box-sizing:border-box;border:1px solid #d9e2ec;border-radius:10px;padding:10px 12px;font-size:.95rem;outline:none;font-family:inherit}.settings-form input:focus{border-color:#3577ff;box-shadow:0 0 0 3px #3577ff26}.settings-form textarea.settings-url-field{width:100%;box-sizing:border-box;border:1px solid #d9e2ec;border-radius:10px;padding:10px 12px;font-size:.95rem;outline:none;font-family:inherit;resize:vertical;min-height:62px;line-height:1.4;word-break:break-all}.settings-form textarea.settings-url-field:focus{border-color:#3577ff;box-shadow:0 0 0 3px #3577ff26}.settings-section{border:1px solid #dbe6f5;border-radius:14px;overflow:hidden}.settings-section-header{display:flex;align-items:center;gap:8px;padding:12px 18px;background:linear-gradient(135deg,#eef4ff,#dce9ff);color:#1d4ed8;font-weight:700;font-size:.98rem;border-bottom:1px solid #dbe6f5}.settings-section-icon{display:inline-flex;align-items:center}.settings-section-body{padding:18px}.settings-hint{margin:14px 0 0;font-size:.82rem;color:#7c8ba1;line-height:1.6}.settings-actions{display:flex;justify-content:flex-end}.settings-toggle-row{display:flex;align-items:center;gap:14px}.settings-switch{position:relative;width:52px;height:28px;padding:0;border:none;border-radius:999px;background:#c5cdd8;cursor:pointer;flex-shrink:0;transition:background .2s}.settings-switch.on{background:#06c755}.settings-switch-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s}.settings-switch.on .settings-switch-knob{transform:translate(24px)}.settings-toggle-label{font-weight:600;color:#7c8ba1}.settings-toggle-label.on{color:#058a3c}.label-asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.label-asset-card{border:1px solid #e5edf9;border-radius:12px;padding:14px;background:#fbfdff}.label-asset-title{font-size:.85rem;font-weight:700;color:#334e68;margin-bottom:10px}.label-asset-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.label-asset-caption{margin:10px 0 0;font-size:.76rem;color:#94a3b8}.logo-preview-wrap{width:160px;height:34px;border:1.5px dashed #c3d5ec;border-radius:10px;background:#f8fbff;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.logo-preview-img{max-width:100%;max-height:100%;object-fit:contain}.logo-preview-placeholder{font-size:.78rem;color:#94a3b8}.logo-upload-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.logo-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid #c8dbff;background:#eef4ff;color:#1d4ed8;transition:background .15s,border-color .15s}.logo-upload-btn:hover:not(:disabled){background:#dde9ff;border-color:#3577ff}.logo-upload-btn:disabled{opacity:.6;cursor:not-allowed}.logo-upload-btn-del{background:#fef2f2;border-color:#fecaca;color:#b42318}.logo-upload-btn-del:hover{background:#fee2e2;border-color:#f87171}.label-origin-field{margin-top:14px;max-width:320px}.inventory-page{max-width:none;margin:0;display:flex;flex-direction:column;gap:.3cm}.inventory-page.modal-open{pointer-events:none;-webkit-user-select:none;user-select:none}.inventory-modal-card .primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.inv-table-header{display:flex;flex-direction:column;align-items:stretch;gap:10px}.inv-filter-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px}.inv-filter-group{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}.inv-filter-label{font-size:.78rem;font-weight:600;color:#7c8ba1}.inv-filter-group .filter-select{padding:9px 12px;border:1px solid #d9e2ec;border-radius:12px;font-size:.9rem;font-family:inherit;background:#f8fbff;outline:none;cursor:pointer;box-sizing:border-box}.inv-filter-search{width:260px}.inv-filter-search .filter-select{width:100%;cursor:text}.inv-filter-date{width:150px}.inv-filter-date .filter-select{width:100%}.inv-filter-daterange-toggle{justify-content:flex-end}.inv-daterange-checkbox{display:flex;align-items:center;gap:6px;padding:9px 2px;font-size:.85rem;font-weight:600;color:#334e68;white-space:nowrap;cursor:pointer}.inv-daterange-checkbox input{width:auto;accent-color:#3577ff}.inv-toolbar-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-left:auto}.inv-print-list-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.inv-add-btn{white-space:nowrap}@media (max-width: 900px){.inv-toolbar-actions{margin-left:0}}.inventory-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.9rem}.inventory-table th,.inventory-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e8eef7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-table th{color:#64748b;font-weight:600;font-size:.82rem;background:#f8fafc}.inventory-table th:nth-child(1),.inventory-table td:nth-child(1){width:10%}.inventory-table th:nth-child(2),.inventory-table td:nth-child(2){width:11%}.inventory-table th:nth-child(3),.inventory-table td:nth-child(3){width:9%}.inventory-table th:nth-child(4),.inventory-table td:nth-child(4){width:10%}.inventory-table th:nth-child(5),.inventory-table td:nth-child(5){width:7%}.inventory-table td:nth-child(5){text-align:center}.inventory-table th:nth-child(6),.inventory-table td:nth-child(6){width:10%}.inventory-table th:nth-child(7),.inventory-table td:nth-child(7){width:10%}.inventory-table th:nth-child(8),.inventory-table td:nth-child(8){width:10%}.inventory-table th:nth-child(9),.inventory-table td:nth-child(9){width:14%}.inventory-table th:nth-child(10),.inventory-table td:nth-child(10){width:9%}.inventory-table td:nth-child(10){overflow:visible}.inventory-table tbody tr:hover{background:#f8fbff}.inv-status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}.inv-status-ok{background:#e7f7ee;color:#15803d}.inv-status-expired{background:#fef2f2;color:#b42318}.inv-status-unknown{background:#f1f5f9;color:#64748b}.inventory-modal-card{width:min(calc(920px + 3cm),calc(100vw - 24px))!important}.inv-regen-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:9px 16px!important;font-size:.85rem!important;font-weight:600;border:1px solid #c8dbff;transition:background .15s,border-color .15s,transform .15s}.inv-regen-btn:hover:not(:disabled){background:#dde9ff;border-color:#3577ff;transform:translateY(-1px)}.inv-regen-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.inv-fields-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}.inv-field-row{display:flex;align-items:center;gap:10px}.inv-field-row-full{grid-column:1 / -1}.inv-field-label{min-width:140px;flex-shrink:0;color:#334e68;font-weight:600}.inv-field-row>input,.inv-field-row>select,.inv-field-row>.field-opt-select-row,.inv-field-row>.date-field-wrap{flex:1;min-width:0}.inv-field-row>.date-field-wrap .date-field-input{width:100%;box-sizing:border-box}.field-opt-select-row{display:flex;gap:8px;align-items:center}.field-opt-select{flex:1;padding:9px 12px;border:1px solid #d9e2ec;border-radius:10px;font-size:.95rem;font-family:inherit;background:#f8fbff;outline:none;cursor:pointer}.field-opt-select:focus{border-color:#3577ff;box-shadow:0 0 0 3px #3577ff26}.unit-picker{position:relative}.unit-picker-input{width:100%;box-sizing:border-box;padding-left:32px!important}.unit-picker-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.unit-picker-list{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow-y:auto;background:#fff;border:1px solid #d9e2ec;border-radius:10px;box-shadow:0 8px 24px #0f172a24;z-index:40}.unit-picker-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;font-size:.88rem}.unit-picker-item:hover{background:#eef4ff}.unit-picker-code{font-weight:700;color:#3577ff;min-width:100px;flex-shrink:0}.unit-picker-name{color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-picker-empty{padding:10px 12px;color:#94a3b8;font-size:.85rem}.repair-page{max-width:none;margin:0;display:flex;flex-direction:column;gap:.3cm}.repair-recent-tools{align-items:flex-end}.repair-filter-group{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}.repair-filter-group .search-box{flex:none;width:260px}.repair-filter-label{font-size:.78rem;font-weight:600;color:#7c8ba1}.repair-filter-group .filter-select{padding:9px 12px;border:1px solid #d9e2ec;border-radius:12px;font-size:.9rem;font-family:inherit;background:#f8fbff;outline:none;cursor:pointer;min-width:150px}.repair-search-inline{display:flex;flex-direction:column;gap:6px;flex:1 1 320px;min-width:260px;max-width:460px}.repair-search-inline .section-title{margin:0}.repair-detail-grid{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:16px;align-items:start}@media (max-width: 900px){.repair-detail-grid{grid-template-columns:1fr}}.repair-unit-card,.repair-form-card{padding:16px}.repair-unit-code{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.repair-unit-code-label{font-size:.9rem;font-weight:400;color:#64748b}.repair-unit-code-value{font-size:1.3rem;font-weight:700;color:#1d4ed8}.repair-unit-info dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}.repair-unit-info dt{color:#7c8ba1;font-size:.82rem;white-space:nowrap}.repair-unit-info dd{margin:0;color:#1e293b;font-size:.88rem;font-weight:600}.repair-invoice-link{border:none;background:none;padding:0;font:inherit;font-weight:700;color:#1d4ed8;text-decoration:underline;cursor:pointer}.repair-invoice-link:hover{color:#ff6b00}.repair-form{gap:14px}.repair-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.repair-top-date-row{flex:1;min-width:0;flex-wrap:wrap;row-gap:8px}.repair-form textarea{min-height:40px}.repair-fields-stack{display:flex;flex-direction:column;gap:12px}.repair-field-row{display:flex;align-items:center;gap:12px}.repair-field-row.align-top{align-items:flex-start}.repair-field-label{min-width:140px;flex-shrink:0;color:#334e68;font-weight:600}.repair-field-row.align-top .repair-field-label{padding-top:10px}.repair-field-row>input,.repair-field-row>textarea,.repair-field-row>.customer-picker,.repair-field-row>.date-field-wrap{flex:1;min-width:0}.repair-field-row>.date-field-wrap{flex:0 0 auto;width:220px}.repair-field-row>.date-field-wrap .date-field-input{width:100%;box-sizing:border-box}.repair-field-row>.repair-flag-check{flex:0 0 auto;margin-left:12px}.repair-field-row>.repair-accessory-list{flex:1;min-width:0}.repair-accessory-list{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.repair-accessory-row{display:flex;align-items:center;gap:8px;flex:0 0 auto}.repair-accessory-row select{border:1px solid #d9e2ec;border-radius:10px;padding:8px 10px;font-size:.9rem;font-family:inherit;background:#f8fbff;outline:none;cursor:pointer;width:160px;flex:0 0 160px}.repair-accessory-row input{flex:1 1 120px;min-width:120px}.repair-accessory-remove{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b42318;font-size:1.1rem;line-height:1;cursor:pointer}.repair-accessory-remove:hover{background:#fee2e2;border-color:#f87171}.repair-accessory-add{padding:7px 14px!important;font-size:.85rem!important;flex:0 0 auto}.repair-accessory-manage-btn{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #e8eef7;border-radius:10px;background:#f8fafc;color:#64748b;cursor:pointer;box-shadow:0 1px 2px #0f172a0f;transition:background .15s,border-color .15s,color .15s}.repair-accessory-manage-btn:hover{background:#eef4ff;border-color:#c8dbff;color:#1d4ed8}.repair-accessory-manage-btn svg{width:18px;height:18px;flex-shrink:0}.repair-accessory-manager-card{width:min(420px,92vw)}.repair-close-modal-card{width:min(440px,92vw)}.repair-close-modal-hint{margin:0 0 16px;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:.88rem;color:#334e68;line-height:1.6}.repair-close-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.repair-accessory-manager-body{padding:16px;display:flex;flex-direction:column;gap:12px}.repair-accessory-manager-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.repair-accessory-manager-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid #e8eef7;border-radius:10px;font-size:.9rem;color:#334e68}.repair-accessory-manager-add-row{display:flex;gap:8px}.repair-accessory-manager-add-row input{flex:1;min-width:0}.repair-flag-check{display:flex;align-items:center;gap:8px;font-weight:600;color:#334e68;font-size:.9rem}.repair-flag-check input{width:auto;accent-color:#b42318}.repair-date-filter-toggle{height:40px}.repair-date-filter-toggle input{accent-color:#3577ff}.repair-form-actions{display:flex;justify-content:flex-end;gap:8px}.repair-cell-wrap{white-space:normal;max-width:260px}.repair-history-table th:nth-child(1),.repair-history-table td:nth-child(1){width:9%}.repair-history-table th:nth-child(2),.repair-history-table td:nth-child(2){width:20%}.repair-history-table th:nth-child(3),.repair-history-table td:nth-child(3){width:20%}.repair-history-table th:nth-child(4),.repair-history-table td:nth-child(4){width:13%}.repair-history-table th:nth-child(5),.repair-history-table td:nth-child(5){width:8%}.repair-history-table th:nth-child(6),.repair-history-table td:nth-child(6){width:9%}.repair-history-table th:nth-child(7),.repair-history-table td:nth-child(7){width:9%}.repair-history-table th:nth-child(8),.repair-history-table td:nth-child(8){width:12%;overflow:visible}.repair-page .repair-recent-table th:nth-child(1),.repair-page .repair-recent-table td:nth-child(1){width:15%}.repair-page .repair-recent-table th:nth-child(2),.repair-page .repair-recent-table td:nth-child(2){width:14%}.repair-page .repair-recent-table th:nth-child(3),.repair-page .repair-recent-table td:nth-child(3){width:13%}.repair-page .repair-recent-table th:nth-child(4),.repair-page .repair-recent-table td:nth-child(4){width:14%}.repair-page .repair-recent-table th:nth-child(5),.repair-page .repair-recent-table td:nth-child(5){width:9%;text-align:center}.repair-page .repair-recent-table th:nth-child(6),.repair-page .repair-recent-table td:nth-child(6){width:17.5%;text-align:center}.repair-page .repair-recent-table th:nth-child(7),.repair-page .repair-recent-table td:nth-child(7){width:17.5%;text-align:center}.repair-status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.repair-status-pending{background:#fff3e6;color:#c2410c}.repair-status-closed{background:#dcfce7;color:#15803d}.repair-status-none{background:#f1f5f9;color:#64748b}.repair-close-btn{color:#15803d;border-color:#bbf7d0}.repair-close-btn:hover{background:#dcfce7}.repair-row-clickable{cursor:pointer}.repair-row-clickable:hover td{background:#eef4ff}:root{font-family:Leelawadee UI,Sarabun,Tahoma,Inter,system-ui,sans-serif;background:#f4f7fb;color:#1f2937}body,html,#root{margin:0;min-height:100vh}.page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.card{width:100%;max-width:960px;background:#fff;border-radius:18px;box-shadow:0 24px 64px #0f172a14;padding:2rem}h1{margin-top:0}form{display:grid;gap:1rem}label{display:grid;gap:.5rem;font-weight:600}input{width:100%;padding:.9rem 1rem;border:1px solid #d1d5db;border-radius:12px;font-size:1rem}button{cursor:pointer;padding:.95rem 1.25rem;border:none;color:#fff;background:#2563eb;border-radius:999px;font-weight:700}button.logout-button{background:#ef4444}.error{color:#b91c1c;padding:1rem;background:#fee2e2;border-radius:12px}table{width:100%;border-collapse:collapse;margin-top:1rem}table th,table td{text-align:left;padding:.9rem .75rem;border-bottom:1px solid #e5e7eb}table th{color:#6b7280}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.page-header nav{display:flex;align-items:center;gap:.75rem}a{color:#2563eb;text-decoration:none}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}.dashboard-card{display:block;padding:1.5rem;background:#eef2ff;color:#1d4ed8;border-radius:16px;font-weight:700;text-align:center}@media (max-width: 640px){.dashboard-grid{grid-template-columns:1fr}}