@import"https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap";.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;min-width:380px;max-width:500px;animation:slideIn .25s ease-out;overflow:hidden}.confirm-dialog-header{padding:20px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eee}.confirm-dialog-header.info{background:linear-gradient(135deg,#e3f2fd,#f5f5f5)}.confirm-dialog-header.warning{background:linear-gradient(135deg,#fff3e0,#fff8e1)}.confirm-dialog-header.error{background:linear-gradient(135deg,#ffebee,#fce4ec)}.confirm-dialog-header.success{background:linear-gradient(135deg,#e8f5e9,#f1f8e9)}.confirm-dialog-icon{font-size:28px}.confirm-dialog-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.confirm-dialog-body{padding:24px}.confirm-dialog-body p{margin:0;font-size:15px;color:#555;line-height:1.6}.confirm-dialog-footer{padding:16px 24px;display:flex;justify-content:flex-end;gap:12px;background:#f9f9f9;border-top:1px solid #eee}.confirm-dialog-footer button{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:#fff;border:1px solid #ddd;color:#666}.btn-confirm{background:#1976d2;border:none;color:#fff}.btn-confirm:hover{background:#1565c0}.confirm-dialog-footer.alert-only{justify-content:center}.confirm-dialog-footer.alert-only .btn-confirm{min-width:120px}:root{--primary-color: #2196f3;--secondary-color: #1976d2;--icon-bar-bg: #e3f2fd;--sidebar-bg: #ffffff;--text-color: #546e7a;--text-active: #2196f3;--border-color: #e0e0e0;--hover-color: #f5f5f5;--submenu-bg: #fafafa}.sidebar{display:flex;background:#fff;box-shadow:2px 0 8px #00000014;z-index:1000;height:100vh;position:relative;overflow:visible;flex-shrink:0}.sidebar-expand-btn{position:absolute;right:-2px;top:34px;transform:translate(50%) translateY(-50%);width:28px;height:28px;background:linear-gradient(180deg,#e3f2fd,#bbdefb);border:1px solid rgba(33,150,243,.2);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#546e7a;font-weight:400;box-shadow:2px 0 4px #0000001a;transition:all .2s ease;z-index:-1}.sidebar-expand-btn:hover{background:#fff9;color:var(--text-active)}.icon-bar{width:60px;background:linear-gradient(180deg,#e3f2fd,#bbdefb);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:4px}.icon-bar-item{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);border:none;background:transparent;font-size:22px}.icon-bar-item:hover{background:#fff9}.icon-bar-item.disabled{opacity:.35;cursor:not-allowed;pointer-events:auto}.icon-bar-item.disabled:hover{background:transparent}.icon-bar-item.active{background:#e3f2fd;box-shadow:0 2px 8px #2196f333}.icon-bar-logo{margin-bottom:12px;font-size:28px}.icon-bar-logo .logo-svg{width:32px;height:32px;border-radius:6px;transition:transform .15s cubic-bezier(.4,0,.2,1)}.icon-bar-logo:hover .logo-svg{transform:scale(1.1)}.icon-bar-logo.active .logo-svg{box-shadow:0 2px 8px #1976d266}.icon-bar-spacer{flex:1}.icon-bar-bottom{display:flex;flex-direction:column;gap:4px;margin-top:auto}.icon-bar-item.admin-icon.active{background:#dc354526;color:#dc3545}.icon-bar-divider{width:30px;height:1px;background:#0000001a;margin:8px 0}.menu-panel{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-left:1px solid #e0e0e0;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);width:260px;min-width:260px;max-width:260px;background-color:#fff;flex-shrink:0}.menu-panel.collapsed{width:0;min-width:0;max-width:0;overflow:hidden;border-left:none;opacity:0;padding:0}.menu-panel.collapsed .menu,.menu-panel.collapsed .menu-footer,.menu-panel.collapsed .menu-header h2{display:none}.menu-panel.collapsed .menu-header{justify-content:center;padding:20px 8px}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border-bottom:1px solid var(--border-color)}.menu-header h2{font-size:18px;font-weight:600;color:#37474f;margin:0}.menu-collapse-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#90a4ae;transition:all .2s}.menu-collapse-btn:hover{background:var(--hover-color);color:var(--text-active)}.menu{padding:12px 0;flex:1}.menu-group{margin-bottom:8px}.submenu-icon{font-size:16px;color:#90a4ae;margin-right:10px;flex-shrink:0}.submenu-label{flex:1;text-align:left}.menu-section-title{font-size:12px;font-weight:600;color:#90a4ae;padding:16px 16px 8px;text-transform:uppercase;letter-spacing:.5px}.menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;color:#546e7a;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.menu-item:hover{background-color:var(--hover-color);color:var(--text-active)}.menu-item.active,.menu-item.active-section{color:var(--text-active);background-color:#e3f2fd}.menu-icon{font-size:18px;width:24px;display:flex;align-items:center;justify-content:center}.menu-label{flex:1}.menu-arrow{font-size:14px;color:#bdbdbd;transition:transform .2s ease}.menu-item.active .menu-arrow{transform:rotate(90deg);color:var(--text-active)}.submenu{display:none;background-color:var(--submenu-bg)}.submenu.show{display:block}.submenu-item{display:flex;align-items:center;width:100%;padding:8px 16px 10px!important;background:none;border:none;cursor:pointer;font-size:14px;color:#555;text-align:left!important;transition:background .15s;text-decoration:none}.submenu-item:hover{background-color:#e3f2fd;color:var(--text-active)}.submenu-item.active{color:var(--text-active);background-color:#e3f2fd}.submenu-section{display:flex;flex-direction:column;width:100%}.submenu-section-header{display:flex;align-items:center;width:100%;padding:8px 16px 10px;background:none;border:none;cursor:pointer;font-size:14px;color:#555;text-align:left;transition:background .15s}.submenu-section-header:hover{background-color:#e3f2fd;color:var(--text-active)}.submenu-section-header .submenu-icon{margin-right:12px;font-size:16px}.submenu-section-header .submenu-label{flex:1}.submenu-section-header .submenu-arrow{font-size:10px;color:#90a4ae;transition:transform .2s}.submenu-section-header.expanded .submenu-arrow{color:var(--text-active)}.submenu-subitems{display:flex;flex-direction:column;background-color:#f5f9fc}.submenu-subitem{display:block;padding:8px 16px 8px 44px;font-size:13px;color:#666;cursor:pointer;transition:background .15s,color .15s;text-decoration:none}.submenu-subitem:hover{background-color:#e3f2fd;color:var(--text-active)}.submenu-subitem.active{color:var(--text-active);background-color:#e3f2fd}.menu-empty{padding:20px 16px;color:#90a4ae;font-size:14px;text-align:center;margin:0}.menu-footer{padding:16px;border-top:1px solid var(--border-color);font-size:12px;color:#90a4ae;text-align:center}.menu-footer a{color:var(--text-active);text-decoration:none}.menu-footer a:hover{text-decoration:underline}.menu-panel::-webkit-scrollbar{width:6px}.menu-panel::-webkit-scrollbar-track{background:transparent}.menu-panel::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.menu-panel::-webkit-scrollbar-thumb:hover{background:#bdbdbd}.icon-logo{color:#2196f3}.icon-dollar{color:#ff9800}.icon-cart,.icon-upload{color:#2196f3}.icon-tag{color:#26a69a}.icon-contact{color:#42a5f5}.icon-chart{color:#7e57c2}.icon-inventory{color:#78909c}.icon-bell{color:#ef5350}.icon-apps{color:#42a5f5}.icon-settings{color:#78909c}.icon-user{color:#90a4ae}.context-menu-popup{position:fixed;left:72px;min-width:220px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1100;overflow:hidden;animation:contextMenuFadeIn .15s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.context-menu-header{padding:12px 16px;font-size:.85rem;font-weight:600;color:#666;background:#f5f5f5;border-bottom:1px solid #e0e0e0;text-transform:uppercase;letter-spacing:.5px}.context-menu-items{padding:8px 0}.context-menu-item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#333;text-decoration:none;cursor:pointer;transition:background-color .15s ease}.context-menu-item:hover{background-color:#f0f7ff;color:#1976d2}.context-menu-icon{font-size:1.1rem;width:24px;display:flex;align-items:center;justify-content:center;color:#666}.context-menu-item:hover .context-menu-icon{color:#1976d2}.context-menu-label{font-size:.9rem}.menu-no-company-notice{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;margin:8px 12px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;font-size:.8rem;color:#856404;line-height:1.4}.menu-no-company-notice .notice-icon{flex-shrink:0;font-size:1rem}.menu-no-company-notice .notice-text{flex:1}.notification-dropdown{position:relative}.notification-trigger{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .2s}.notification-trigger:hover{background-color:#0000000d}.notification-icon{font-size:20px}.notification-badge{position:absolute;top:2px;right:2px;background:#e53935;color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.notification-badge.pulse{animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 #e5393580}50%{transform:scale(1.15);box-shadow:0 0 0 6px #e5393500}}.notification-panel{position:absolute;top:100%;right:0;margin-top:8px;width:360px;max-height:480px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;z-index:1000;display:flex;flex-direction:column}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.mark-all-read{background:none;border:none;color:#1976d2;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px}.mark-all-read:hover{background:#e3f2fd}.notification-summary{display:flex;gap:8px;padding:10px 16px;background:#f5f5f5;border-bottom:1px solid #eee;flex-wrap:wrap}.summary-item{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px}.summary-item.pending{background:#fff3e0;color:#e65100}.summary-item.users-pending{background:#e3f2fd;color:#1565c0}.summary-item.users-pending:hover{background:#bbdefb}.summary-item.expiring{background:#ffebee;color:#c62828}.summary-item.approved{background:#e8f5e9;color:#2e7d32}.summary-item.rejected{background:#fce4ec;color:#c62828}.summary-item.shared{background:#e8eaf6;color:#283593}.summary-item.converted{background:#f3e5f5;color:#6a1b9a}.summary-item.cancelled{background:#efebe9;color:#4e342e}.summary-icon{font-size:14px}.summary-count{font-weight:700}.summary-label{font-weight:500}.notification-list{flex:1;overflow-y:auto;max-height:320px}.notification-item{display:flex;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;position:relative;transition:background-color .2s}.notification-item:hover{background-color:#f5f5f5}.notification-item.unread{background-color:#e3f2fd}.notification-item.unread:hover{background-color:#bbdefb}.notification-type-icon{font-size:20px;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px}.notification-item.unread .notification-type-icon{background:#fff}.notification-content{flex:1;min-width:0}.notification-title{margin:0 0 4px;font-size:13px;font-weight:500;color:#333;line-height:1.4}.notification-message{margin:0 0 4px;font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:11px;color:#999}.unread-dot{width:8px;height:8px;background:#1976d2;border-radius:50%;flex-shrink:0;margin-top:4px}.mark-read-btn{background:none;border:1px solid #bbdefb;color:#1976d2;font-size:12px;font-weight:700;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .15s;opacity:0}.notification-item:hover .mark-read-btn{opacity:1}.mark-read-btn:hover{background:#1976d2;color:#fff;border-color:#1976d2}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999}.empty-icon{font-size:32px;margin-bottom:12px}.notification-empty p{margin:0;font-size:14px}.loading-spinner{width:24px;height:24px;border:2px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;animation:spin .8s linear infinite}.notification-footer{padding:12px 16px;border-top:1px solid #eee;text-align:center}.notification-footer button{background:none;border:none;color:#1976d2;font-size:13px;font-weight:500;cursor:pointer;padding:6px 16px;border-radius:4px}.notification-footer button:hover{background:#e3f2fd}@media (max-width: 480px){.notification-panel{position:fixed;top:auto;right:0;left:0;bottom:0;width:100%;max-height:70vh;border-radius:16px 16px 0 0}}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#09c}.form-group input[type=number]{font-family:Sarabun,Prompt,sans-serif}.btn-sm{padding:6px 12px!important;font-size:12px!important}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#d32f2f}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #e0e0e0;background:#fafafa}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s;background-color:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#09c}.action-menu-container{position:relative;display:inline-block}.action-menu-trigger{background:#f5f5f5;border:1px solid #e0e0e0;font-size:14px;cursor:pointer;padding:6px 12px;color:#666;border-radius:6px;font-weight:700;letter-spacing:1px;transition:all .2s ease;min-width:44px}.action-menu-trigger:hover{background-color:#e8e8e8;border-color:#ccc;color:#333}.action-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;left:auto;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:200px;z-index:1000;overflow:hidden;padding:2px 0;animation:fadeIn .15s ease;text-align:left}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.action-menu-item{display:flex;align-items:center;padding:4px 12px;color:#333;text-decoration:none;cursor:pointer;font-size:14px;transition:background-color .15s ease;gap:8px}.action-menu-item:hover:not(.action-menu-item-disabled){background-color:#f5f5f5}.action-menu-item-disabled{opacity:.45;cursor:not-allowed!important;color:#999}.action-menu-icon{font-size:16px;width:20px;text-align:center;color:#555;font-style:normal}.action-menu-text{flex:1;font-weight:400}.action-menu-divider{height:1px;background-color:#e8e8e8;margin:2px 0}.action-menu-item-danger{color:#333}.action-menu-item-danger:hover{background-color:#fff5f5}.action-menu-item-danger .action-menu-icon{color:#d32f2f}.print-multipage-container{display:flex;flex-direction:column;gap:20px;width:fit-content;margin:0 auto}.page-indicator{text-align:right;font-size:9pt;font-weight:500;margin-bottom:5px;position:absolute;top:5mm;right:10mm}.print-template{width:190mm;min-height:auto;padding:3mm 10mm 8mm;margin:0 auto;background:#fff;font-family:var(--font-family, "Sarabun", "CSChatThai", "CSChatThaiUI", "TH Sarabun New", Arial, sans-serif);font-size:var(--base-font-size, 10pt);color:#333;position:relative;box-sizing:border-box}.print-page{page-break-after:always;break-after:page}.print-page:last-child{page-break-after:avoid;break-after:avoid}.print-page.last-page{display:flex;flex-direction:column;min-height:275mm}.print-page.last-page .print-footer-section{margin-top:auto}.print-template.paper-a4{width:190mm}.print-template.paper-thermal{width:80mm;min-height:auto;padding:5mm 3mm;font-size:9pt}.print-template.paper-thermal .items-table th,.print-template.paper-thermal .items-table td{padding:3px 4px;font-size:9pt}.print-template.paper-thermal .print-header-section{flex-direction:column;gap:5px}.print-header-section{display:flex;justify-content:space-between;margin-bottom:5px;gap:30px}.header-left{flex:1}.header-left-centered{display:flex;justify-content:center;align-items:center}.logo-box{width:150px;height:60px;border:none;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:15px}.logo-box img{border:none}.logo-placeholder{font-size:inherit;font-weight:700}.logo-subtext{font-size:var(--base-font-size, 10pt);opacity:.7}.company-info-block{line-height:1.5}.company-name-row{display:flex;align-items:baseline;gap:20px;margin-bottom:3px}.company-name{font-size:var(--base-font-size, 10pt);font-weight:700}.doc-title-inline{font-size:14pt;font-weight:700}.company-address,.company-tax,.company-phone{font-size:var(--base-font-size, 10pt);color:#444}.header-right{text-align:right;min-width:250px}.doc-title-block{text-align:center;margin-bottom:15px}.doc-title-inline-block{text-align:center}.doc-title-inline-block .doc-title{font-size:18pt;font-weight:700;margin:0;line-height:1.2}.doc-title-inline-block .doc-subtitle{font-size:var(--base-font-size, 10pt);margin-top:2px}.doc-title{font-size:18pt;font-weight:700;margin:0;line-height:1.2}.doc-subtitle{font-size:var(--base-font-size, 10pt);margin-top:2px}.doc-meta-table{width:100%;border-collapse:collapse}.doc-meta-table td{padding:3px 0;font-size:var(--base-font-size, 10pt)}.meta-label{text-align:left;font-weight:700;width:80px}.meta-value{text-align:right}.meta-label-black,.section-label-black{color:#333!important}.customer-section-print{display:flex;justify-content:space-between;gap:20px;margin-bottom:8px;padding:8px 12px;background:#f8f9fa;border-radius:5px}.customer-buyer-section{background:#fff;border:1px solid #e0e0e0}.customer-left-print{flex:1}.section-label-print{font-size:var(--base-font-size, 10pt);font-weight:700;margin-bottom:4px}.customer-company{font-size:var(--base-font-size, 10pt);font-weight:700;margin-bottom:2px}.customer-address-print,.customer-tax{font-size:var(--base-font-size, 10pt);color:#444;line-height:1.5}.customer-right-print{min-width:250px}.contact-meta-table{width:100%;border-collapse:collapse}.contact-meta-table td{padding:3px 0;font-size:var(--base-font-size, 10pt)}.items-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:var(--table-font-size, 14px)}.items-table thead{border-top:2px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.print-template .items-table{border-collapse:collapse;border-spacing:0;border-radius:0;box-shadow:none;overflow:visible}.print-template .items-table thead{background:none}.print-template .items-table th{text-transform:none;letter-spacing:normal;font-weight:400}.print-template .items-table td{background-color:transparent;border-bottom:1px solid #e0e0e0}.items-table th{padding:6px 8px;text-align:left;font-weight:400;font-size:var(--table-font-size, 14px);color:inherit;font-family:var(--font-family, "Sarabun", "CSChatThai", "CSChatThaiUI", "TH Sarabun New", Arial, sans-serif)}.items-table tbody tr{border-bottom:1px solid #e0e0e0}.items-table td{padding:8px;vertical-align:top;font-size:var(--table-font-size, 14px);font-weight:400;font-family:var(--font-family, "Sarabun", "CSChatThai", "CSChatThaiUI", "TH Sarabun New", Arial, sans-serif)}.items-table th.col-number,.items-table td.col-number{width:30px;text-align:center;white-space:nowrap}.items-table th.col-description,.items-table td.col-description{width:40%;min-width:200px;text-align:left}.items-table th.col-ref-no,.items-table td.col-ref-no,.items-table th.col-ref-date,.items-table td.col-ref-date{width:80px;white-space:nowrap;text-align:center;font-size:calc(var(--base-font-size, 10pt) - 1pt)}.items-table th.col-quantity,.items-table td.col-quantity{width:60px;white-space:nowrap;text-align:right}.items-table th.col-unit,.items-table td.col-unit{width:50px;white-space:nowrap;text-align:center}.items-table th.col-unit-price,.items-table td.col-unit-price,.items-table th.col-amount,.items-table td.col-amount{width:85px;white-space:nowrap;text-align:right}.item-notes-row td{padding:0 8px 8px;border-bottom:1px solid #e0e0e0;vertical-align:top}.item-notes{white-space:pre;font-size:var(--base-font-size, 10pt);line-height:1.5;color:#666;padding-left:20px;font-family:var(--font-family, "Sarabun", "CSChatThai", Arial, sans-serif)}.items-section{min-height:150px}.summary-section{display:flex;justify-content:space-between;margin-bottom:15px;margin-top:15px;gap:20px}.summary-left{flex:1;display:flex;align-items:flex-end;padding-bottom:5px}.summary-spacer{flex:1}.summary-right{width:320px}.summary-line{display:flex;justify-content:space-between;padding:5px 0;font-size:var(--base-font-size, 10pt)}.summary-line .summary-label{text-align:left}.summary-line .summary-value{text-align:right;min-width:100px}.summary-line.total-line{padding-top:10px;margin-top:10px;border-top:1px solid #ddd}.summary-table{width:100%;border-collapse:collapse}.summary-table td{padding:5px 0;font-size:var(--base-font-size, 10pt)}.summary-table .summary-label{text-align:left;font-weight:400}.summary-table .summary-value{text-align:right;font-weight:400}.summary-table tr.discount-line{color:#d32f2f}.summary-table tr.total-line td{padding-top:10px;border-top:1px solid #ddd;font-weight:700;font-size:inherit}.thai-amount{font-size:var(--base-font-size, 10pt);color:#333;margin-top:10px;text-align:right}.notes-section-print{margin-bottom:8px;padding:6px 8px;background:#f8f9fa;border-radius:3px}.notes-label-print{font-size:inherit;font-weight:700;margin-bottom:8px}.notes-content-print{font-size:var(--base-font-size, 10pt);color:#444;line-height:1.5;white-space:pre-wrap}.signature-section-print{display:flex;justify-content:center;align-items:flex-start;gap:80px;margin-top:15px;page-break-inside:avoid}.signature-box-print{flex:0 1 auto;min-width:200px;text-align:left;position:relative}.sig-company{font-size:var(--base-font-size, 10pt);font-weight:700;margin-bottom:10px;text-align:center}.sig-line{border-bottom:1px solid #333;height:5px;margin:0 20px}.sig-details{display:flex;justify-content:space-around;font-size:var(--base-font-size, 10pt);margin-top:8px;color:#666}.sig-details-column{display:flex;flex-direction:column;font-size:var(--base-font-size, 10pt);margin-top:8px;color:#666;gap:4px}.sig-row{display:flex;gap:8px}.sig-label{min-width:70px}.sig-value{color:#333}.electronic-sig{position:absolute;bottom:25px;left:50%;transform:translate(-50%);height:60px;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.electronic-sig .sig-image{max-height:60px;max-width:350px;width:auto;object-fit:contain}.sig-spacer{height:30px;margin:5px 0}.sig-line-value{flex:1;border-bottom:1px solid #333;min-width:80px}.stamp-box-print{width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stamp-placeholder{width:100px;height:100px;border:2px dashed #ccc;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--base-font-size, 10pt);color:#999}.print-template.pdf-export{min-height:auto}.signature-customer-area{flex:0 1 auto;min-width:200px;text-align:left}.signature-customer-area .sig-company{font-size:var(--base-font-size, 10pt);font-weight:700;margin-bottom:10px;text-align:center}.signature-customer-area.sig-dual{min-width:280px;padding:12px 16px}.signature-section-print:has(.sig-dual)>.signature-box-print{padding-top:32px}.sig-dual-block{margin-bottom:12px}.sig-dual-block:last-child{margin-bottom:0}.sig-dual-title{font-size:var(--base-font-size, 10pt);font-weight:700;margin-bottom:6px}.sig-dual-block .sig-spacer{height:30px}.sig-dual-block .sig-line{border-bottom:1px solid #333;height:5px;margin:0}.sig-dual-block .sig-details-column{display:flex;flex-direction:column;font-size:var(--base-font-size, 10pt);margin-top:8px;color:#666;gap:4px}.sig-dual-block .sig-row{display:flex;gap:8px}.print-template.pdf-export .stamp-placeholder:empty{display:none!important}@media print{.print-multipage-container{display:block;gap:0;width:100%}@page{size:A4;margin:8mm 5mm}.print-template{margin:0 auto;padding:0 8mm 3mm;width:190mm;max-width:190mm;min-height:auto;page-break-after:always;break-after:page;font-size:9pt;box-sizing:border-box;position:relative}.print-template:last-child,.print-page:last-child{page-break-after:avoid;break-after:avoid}.page-indicator{position:absolute;top:2mm;right:8mm;font-size:8pt}.print-page.last-page{display:flex;flex-direction:column;min-height:265mm}.print-page.last-page .print-footer-section{margin-top:auto;padding-top:10px}.print-header-section{margin-bottom:2px}.customer-section-print{margin-bottom:2px;padding:2px 6px}.items-section-print{margin-bottom:2px}.summary-section{margin-bottom:2px;margin-top:8px}.notes-section-print{margin-bottom:2px;padding:2px 6px}.signature-section-print{margin-top:5px}.items-table thead{background-color:inherit;print-color-adjust:exact;-webkit-print-color-adjust:exact}.customer-section-print,.notes-section-print{background:#f8f9fa!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.logo-box{border-color:#5ba4d4!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.discount-line{color:#d32f2f!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-header-section,.customer-section-print,.signature-section-print,.summary-section,.notes-section-print{page-break-inside:avoid}table{page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}.print-only{page-break-before:avoid;page-break-after:avoid}.items-table td,.items-table th{padding:2px 3px;font-size:9pt!important}.print-template *{line-height:1.15}}@page{size:A4;margin:8mm 5mm}.template-original .print-header-section.original-header{flex-direction:column;gap:5px;padding-bottom:10px;margin-bottom:10px}.template-original .original-header.no-logo .header-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:0}.template-original .original-header.no-logo .header-left-original{display:none}.template-original .original-header.no-logo .header-center-original{flex:1;text-align:center}.template-original .original-header.with-logo .header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.template-original .header-logo-left-original{width:80px;height:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none}.template-original .header-logo-left-original img{max-width:80px;max-height:80px;object-fit:contain;border:none}.template-original .header-left-original{flex:1}.template-original .header-center-original{flex:2;text-align:center}.template-original .doc-title-original{font-size:22pt;font-weight:700;color:#333;margin:0}.template-original .doc-subtitle-original{font-size:var(--base-font-size, 10pt);margin-top:5px}.template-original .header-right-original{min-width:220px;text-align:right}.template-original .doc-meta-table-original{border-collapse:collapse}.template-original .doc-meta-table-original td{padding:3px 0;font-size:var(--base-font-size, 10pt)}.template-original .doc-meta-table-original .meta-label{font-weight:600;text-align:right;padding-right:10px;white-space:nowrap}.template-original .doc-meta-table-original .meta-value{text-align:right;color:#333}.template-original .print-header-section:not(.original-header){flex-direction:column;gap:10px}.template-original .header-top{display:flex;justify-content:space-between;align-items:flex-start}.template-original .header-title-center{flex:2;text-align:center}.template-original .header-title-center .doc-title{font-size:22pt;font-weight:700;color:#333;margin:0}.template-original .header-title-center .doc-subtitle{font-size:var(--base-font-size, 10pt);margin-top:5px}.template-original .header-meta-right{min-width:220px;text-align:right}.template-original .doc-meta-table td{padding:4px 0;font-size:inherit}.template-original .customer-section-print{background:transparent;border:1px solid #e0e0e0;padding:12px 15px;margin-bottom:10px}.template-original .customer-section-print.seller-section{border-color:#e0e0e0}.template-original .customer-buyer-section{background:transparent;border:1px solid #e0e0e0}.template-original .section-label-print{font-size:var(--base-font-size, 10pt);font-weight:700}.template-original .customer-company{font-size:var(--base-font-size, 10pt);font-weight:700;margin:4px 0}.template-original .customer-address-print,.template-original .customer-tax{font-size:inherit;line-height:1.6}.template-original .items-table{margin-top:15px;margin-bottom:20px}.template-original .items-table thead{border:none;border-radius:5px}.template-original .items-table th{font-size:var(--table-font-size, 11pt);color:inherit;padding:10px 8px}.template-original .items-table td{font-size:var(--table-font-size, 11pt);padding:10px 8px}.template-original .summary-section{margin-top:15px}.template-original .summary-line{font-size:inherit}.template-original .summary-line.total-line{font-size:var(--base-font-size, 10pt);font-weight:700}.template-original .thai-amount{font-size:inherit}.template-original .notes-section-print{background:transparent;border:1px solid #e0e0e0;padding:12px 15px;margin-bottom:20px}.template-original .notes-label-print{font-size:var(--base-font-size, 10pt)}.template-original .notes-content-print{font-size:inherit;white-space:pre-wrap}.template-original .signature-section-print{gap:60px;margin-top:40px}.template-original .signature-box-print{min-width:220px}.template-original .sig-company{font-size:inherit;font-style:italic}.template-original .sig-line{margin:50px 0 0}.template-original .sig-details-column{font-size:var(--base-font-size, 10pt)}@media print{.template-original .customer-section-print,.template-original .customer-buyer-section,.template-original .notes-section-print{background:transparent!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.template-original .items-table thead{border-radius:5px}}.template-classic .print-header-section.classic-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:2px solid var(--theme-color, #5BA4D4);margin-bottom:15px}.template-classic .classic-logo{flex:0 0 auto}.template-classic .classic-logo img{max-width:80px;max-height:80px;object-fit:contain}.template-classic .classic-company-info{flex:1;text-align:center}.template-classic .classic-company-info h1{font-size:18pt;font-weight:700;margin:0 0 5px}.template-classic .classic-company-info p{font-size:var(--base-font-size, 10pt);margin:2px 0;color:#555}.template-classic .classic-badge{flex:0 0 auto;min-width:120px;padding:10px 15px;text-align:center;border-radius:6px;display:flex;flex-direction:column;justify-content:center;gap:3px}.template-classic .classic-badge .badge-title{font-size:14pt;font-weight:700;display:block}.template-classic .classic-badge .badge-subtitle{font-size:10pt;display:block}@media print{.template-classic .print-header-section.classic-header,.template-classic .classic-badge{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.template-classic .signature-section-print{justify-content:center;gap:60px}.template-classic .signature-box-print{flex:0 0 220px;width:220px;position:relative}.template-classic .electronic-sig{position:absolute;bottom:55px;left:50%;transform:translate(-50%);height:60px;z-index:10}.template-classic .electronic-sig .sig-image{max-height:60px;max-width:180px}.template-classic .sig-spacer{height:60px}.template-classic .stamp-box-print{flex:0 0 auto;align-self:center}.template-minimal .items-table thead tr{background:transparent!important}.template-minimal .items-table th{color:#333!important;border-bottom:2px solid #ccc;border-top:none;border-left:none;border-right:none;background:transparent!important}.template-minimal .items-table td{border-bottom:1px solid #e0e0e0;border-top:none;border-left:none;border-right:none;background:transparent!important}.template-minimal .items-table{border:none;border-collapse:collapse}.totals .grand-total td{background:transparent!important}@media print{.template-minimal .items-table thead tr{background:transparent!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.template-minimal .items-table th{color:#333!important;border-bottom:2px solid #ccc;background:transparent!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.template-minimal .items-table td{border-bottom:1px solid #e0e0e0;background:transparent!important}.totals .grand-total td{background:transparent!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}.items-table td,.items-table th{font-size:var(--table-font-size, inherit)}.print-template.table-bordered .items-table,.print-template.table-bordered .items-table th,.print-template.table-bordered .items-table td{border:1px solid #ddd}.print-template.table-clean .items-table{border:none!important}.print-template.table-clean .items-table th{border:none!important;border-bottom:2px solid var(--table-header-border-color, var(--theme-color, #5BA4D4))!important}.print-template.table-clean .items-table td{border:none!important;border-bottom:1px solid #f0f0f0!important}.print-template.no-header-color .items-table thead{border-top:2px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.print-template.no-header-color.table-clean .items-table th{border-bottom:2px solid #e0e0e0!important}.print-template.table-striped .items-table{border:none}.print-template.table-striped .items-table thead{border-top:2px solid var(--table-header-border-color, var(--theme-color, #5BA4D4));border-bottom:2px solid var(--table-header-border-color, var(--theme-color, #5BA4D4))}.print-template.table-striped .items-table tbody tr:nth-child(2n){background-color:#f9f9f9}.print-template.table-striped .items-table th,.print-template.table-striped .items-table td{border-left:none;border-right:none;border-top:none;border-bottom:1px solid #e0e0e0}.print-template.no-header-color.table-striped .items-table thead{border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0}.header-centered .print-header-section{flex-direction:column;align-items:center;text-align:center}.header-centered .header-left,.header-centered .header-right{width:100%;justify-content:center}.header-centered .doc-title-block{text-align:center}.header-centered .doc-meta-table{margin:0 auto}.header-minimal .print-header-section{padding:10px 0}.header-minimal .header-left .logo-box{border:none;padding:0}.header-minimal .company-info-block{font-size:.9em}@media print{.print-template.table-striped .items-table tbody tr:nth-child(2n){background-color:#f9f9f9!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}.item-name{font-weight:500;color:#111}.item-desc{font-size:calc(var(--base-font-size, 10pt) - 1.5pt);color:#555;white-space:pre-wrap;margin-top:2px}.template-industrial{font-family:var(--font-family, "Sarabun", sans-serif);color:#000;line-height:1.4}.template-industrial .industrial-header{position:relative;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #e2e8f0}.template-industrial .industrial-header-top{display:flex;justify-content:space-between;align-items:center;position:relative;min-height:70px}.template-industrial .industrial-logo-area{flex:0 0 200px;display:flex;align-items:center}.template-industrial .industrial-logo-img{max-width:190px;max-height:65px;object-fit:contain}.template-industrial .industrial-logo-text{font-size:15px;font-weight:700;color:#1e293b;line-height:1.3}.template-industrial .industrial-title-area{flex:1;text-align:center}.template-industrial .industrial-doc-title-th{font-size:24px;font-weight:700;color:#000;margin:0;line-height:1.2;letter-spacing:-.2px}.template-industrial .industrial-doc-title-en{font-size:18px;font-weight:600;color:#1e293b;margin:2px 0 0;line-height:1.2}.template-industrial .industrial-page-num{flex:0 0 120px;text-align:right;font-size:11px;color:#475569;font-weight:500}.template-industrial .industrial-meta-container{margin-bottom:12px}.template-industrial .industrial-info-row{display:flex;justify-content:space-between;gap:20px;margin-bottom:8px;font-size:12px}.template-industrial .industrial-customer-col{flex:1.2}.template-industrial .industrial-doc-col{flex:.8}.template-industrial .industrial-customer-table,.template-industrial .industrial-doc-table{width:100%;border-collapse:collapse}.template-industrial .industrial-customer-table td,.template-industrial .industrial-doc-table td{padding:2px 4px;vertical-align:top;font-size:11.5px;line-height:1.4}.template-industrial .ind-label{white-space:nowrap;font-weight:600;color:#1e293b;width:130px}.template-industrial .industrial-doc-table .ind-label{width:100px}.template-industrial .ind-val{color:#000}.template-industrial .ind-val.bold{font-weight:700}.template-industrial .ind-gap{margin-left:14px}.template-industrial .industrial-issuer-card{border:1px solid #000000;border-radius:4px;padding:8px 12px;display:flex;align-items:stretch;gap:14px;background:#fff;margin-top:6px;font-size:11px;line-height:1.4}.template-industrial .ind-issuer-label-col{flex:0 0 55px;text-align:center;font-weight:700;border-right:1px solid #000000;padding-right:10px;display:flex;flex-direction:column;justify-content:center}.template-industrial .ind-issuer-label-th{font-size:13px;color:#000}.template-industrial .ind-issuer-label-en{font-size:11px;color:#334155}.template-industrial .ind-issuer-details-col{flex:1.3}.template-industrial .ind-issuer-name{font-weight:700;font-size:12px;color:#000;margin-bottom:2px}.template-industrial .ind-issuer-addr-th,.template-industrial .ind-issuer-addr-en{color:#1e293b;font-size:10.5px}.template-industrial .ind-issuer-tax-col{flex:.9;text-align:left;font-size:11px;display:flex;flex-direction:column;justify-content:center;gap:4px}.template-industrial .industrial-items-table{width:100%;border-collapse:collapse;border:1px solid #000000!important;margin-bottom:14px}.template-industrial .industrial-items-table thead th{border:1px solid #000000!important;padding:6px 4px;font-weight:700;font-size:11.5px;text-align:center;line-height:1.25}.template-industrial .industrial-items-table thead .th-sub{font-size:10px;font-weight:600;display:block;opacity:.95}.template-industrial .industrial-items-table tbody td{border:1px solid #000000!important;padding:5px 8px;font-size:11px;vertical-align:top}.template-industrial .industrial-items-table .col-number{width:6%;text-align:center}.template-industrial .industrial-items-table .col-description{text-align:left}.template-industrial .industrial-items-table .col-quantity,.template-industrial .industrial-items-table .col-unit{width:9%;text-align:center}.template-industrial .industrial-items-table .col-unit-price{width:14%;text-align:right}.template-industrial .industrial-items-table .col-amount{width:15%;text-align:right}.template-industrial .industrial-summary{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;font-size:11.5px}.template-industrial .industrial-conditions-box{margin-top:10px;margin-bottom:24px;font-size:11px;line-height:1.5}.template-industrial .industrial-conditions-title{font-weight:700;font-size:12px;color:#000;margin-bottom:4px}.template-industrial .industrial-condition-line{color:#1e293b;margin-bottom:3px}.template-industrial .industrial-signatures-row{display:flex;justify-content:space-between;gap:50px;margin-top:24px;padding-top:10px}.template-industrial .industrial-sig-col{flex:1;display:flex;flex-direction:column;font-size:11px;line-height:1.4}.template-industrial .industrial-sig-header{font-weight:700;font-size:12px;color:#000;padding-bottom:4px;border-bottom:1px solid #000000;margin-bottom:12px}.template-industrial .industrial-sig-body{display:flex;flex-direction:column;gap:4px;min-height:80px}.template-industrial .industrial-sig-img-wrap{min-height:52px;display:flex;align-items:center;position:relative;gap:12px;margin-bottom:6px}.template-industrial .industrial-sig-img{max-height:50px;max-width:130px;object-fit:contain;position:relative;z-index:1}.template-industrial .industrial-stamp-img{max-height:65px;max-width:65px;object-fit:contain;position:relative;z-index:2;opacity:.88;mix-blend-mode:multiply;transform:rotate(-3deg)}.stamp-image{max-width:85px;max-height:85px;object-fit:contain;opacity:.88;mix-blend-mode:multiply}.template-industrial .industrial-sig-space{height:40px}.template-industrial .industrial-sig-name{font-weight:600;color:#000}.template-industrial .industrial-sig-position,.template-industrial .industrial-sig-date{color:#334155;font-size:10.5px}.template-industrial .industrial-sig-customer-name{font-weight:700;color:#000;margin-bottom:24px}.template-industrial .industrial-sig-line-dotted{letter-spacing:1px;color:#64748b;margin-bottom:4px}.print-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.print-preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080}.print-preview-container{position:relative;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:900px;width:95%;max-height:95vh;display:flex;flex-direction:column;overflow:hidden}.print-preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#5ba4d4;color:#fff}.print-preview-header h2{margin:0;font-size:18px;font-weight:600}.print-preview-actions{display:flex;gap:10px}.btn-download-pdf{background-color:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-download-pdf:hover{background-color:#218838}.btn-download-pdf:disabled{background-color:#6c757d;cursor:not-allowed}.btn-print-now{background-color:#fff;color:#5ba4d4;border:none;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-print-now:hover{background-color:#f0f0f0}.btn-close-preview{background-color:transparent;color:#fff;border:1px solid white;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.btn-close-preview:hover{background-color:#ffffff1a}.print-preview-content{flex:1;overflow-y:auto;padding:20px;background-color:#e0e0e0}.print-preview-content .print-template{background-color:#fff;margin:0 auto}.print-preview-content .print-multipage-container{width:fit-content;margin:0 auto}@media print{body.print-preview-active *{visibility:hidden}body.print-preview-active .print-preview-content,body.print-preview-active .print-preview-content *,body.print-preview-active .print-preview-content .print-template,body.print-preview-active .print-preview-content .print-template *,body.print-preview-active .print-preview-content .print-multipage-container,body.print-preview-active .print-preview-content .print-multipage-container *{visibility:visible}body.print-preview-active .print-preview-header,body.print-preview-active .print-preview-overlay{display:none!important}body.print-preview-active .print-preview-content{position:absolute;left:0;top:0;width:100%;padding:0!important;background-color:#fff!important}body.print-preview-active .print-preview-modal{position:static!important;background:#fff!important}body.print-preview-active .print-preview-container{position:static!important;box-shadow:none!important;max-height:none!important;max-width:none!important;width:100%!important;overflow:visible!important}body.print-preview-active,body.print-preview-active html{margin:0;padding:0;background:#fff}}.document-list-page{background-color:#fff;padding:0;min-height:100vh;font-family:Sarabun,CSChatThaiUI,CSChatThai,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 0;border-bottom:1px solid #eee;width:100%;box-sizing:border-box}.document-list-page .page-header-left{display:flex;flex-direction:column;gap:4px;text-align:left;align-items:flex-start}.page-title{font-size:24px;font-weight:600;color:#5ba4d4;margin:0;text-align:left}.breadcrumb{font-size:12px;color:#999;text-align:left}.breadcrumb .separator{margin:0 6px;color:#ccc}.document-list-page .page-header-right{gap:10px;display:flex;align-items:center}.list-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e0e0e0;background-color:#fff}.search-bar{display:flex;align-items:center;padding:10px 16px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:0;gap:8px;transition:border-color .2s}.search-bar:focus-within{border-color:#3db4c4;background:#fff;box-shadow:0 0 0 2px #3db4c41a}.search-bar-icon{font-size:16px;color:#999;flex-shrink:0}.search-bar-input{flex:1;border:none;outline:none;font-size:14px;background:transparent;color:#333}.search-bar-input::placeholder{color:#aaa}.search-bar-clear{background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:2px 6px;border-radius:50%;line-height:1;transition:all .2s}.search-bar-clear:hover{background:#e0e0e0;color:#666}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px}.tab-btn{background:none;border:1px solid #3db4c4;padding:8px 16px;font-size:13px;color:#3db4c4;cursor:pointer;border-radius:4px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px}.tab-btn .tab-icon{font-size:14px}.tab-btn.active{background-color:#e8f7f9;border-color:#3db4c4;color:#3db4c4}.tab-btn:not(.active){background:none;border-color:transparent;color:#666}.tab-btn:hover{background-color:#e8f7f9;border-color:#3db4c4;color:#3db4c4}.tab-separator{color:#ddd;font-size:16px;margin:0 4px}.icon-btn{background:none;border:1px solid #ddd;padding:8px 12px;font-size:14px;cursor:pointer;border-radius:4px;color:#666;transition:all .2s ease}.icon-btn:hover{background-color:#f5f5f5;border-color:#bbb}.search-btn{font-size:16px}.btn-refresh{display:inline-flex;align-items:center;gap:6px;background-color:#fff;color:#546e7a;border:1px solid #cfd8dc;padding:9px 18px;border-radius:4px;font-size:14px;cursor:pointer;font-weight:500;white-space:nowrap;transition:all .2s ease}.btn-refresh:hover:not(:disabled){background-color:#f5f9fc;border-color:#5ba4d4;color:#1976d2}.btn-refresh:disabled{opacity:.7;cursor:not-allowed}.btn-refresh .refresh-icon{flex-shrink:0;transition:transform .3s ease}.btn-refresh.refreshing .refresh-icon{animation:refresh-spin .8s linear infinite}@keyframes refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-create{background-color:#4caf50;color:#fff;border:none;padding:10px 28px;border-radius:4px;font-size:14px;cursor:pointer;font-weight:500;white-space:nowrap;transition:background-color .2s ease}.btn-create:hover{background-color:#43a047}.table-wrapper{background-color:#fff;overflow:visible}.document-table{width:100%;border-collapse:collapse;background-color:#fff}.document-table thead{background-color:#e3f2fd}.document-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:12px;color:#546e7a;border-bottom:1px solid #e0e0e0;letter-spacing:.3px;white-space:nowrap}.document-table th.sortable-header{cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color .2s ease,color .2s ease}.document-table th.sortable-header:hover{background-color:#bbdefb;color:#1565c0}.document-table th.sortable-header.sorted{color:#1976d2;font-weight:700}.document-table th.sortable-header .sort-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;vertical-align:middle;line-height:1}.document-table th.sortable-header:hover .sort-icon path{opacity:.85}.document-table th.sortable-header.sorted .sort-icon path[fill="#1976d2"]{opacity:1}th.col-amount.sortable-header{text-align:right}.document-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.document-table tbody tr:hover{background-color:#fafafa}.document-table tbody tr.inactive{opacity:.5}.document-table td{padding:10px 12px;font-size:13px;vertical-align:middle;color:#333}.col-checkbox{width:48px;text-align:center}.col-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.col-date{width:110px;color:#757575}.col-docnumber{width:180px;vertical-align:middle}.col-customer{min-width:250px}.customer-name{font-weight:400;color:#333}.project-name{font-size:12px;color:#999;margin-top:2px}.col-duedate{width:120px;color:#333}.col-amount{width:140px;text-align:right;font-family:"Font Awesome 5 Free",cs_chatthaiuiregular,CS ChatThaiUI,sans-serif;color:#333}th.col-amount{text-align:right}.amount-main{font-family:"Font Awesome 5 Free",cs_chatthaiuiregular,CS ChatThaiUI,sans-serif}.amount-partial{color:#00b8d4;margin-top:2px}.info-icon{color:#00b8d4;cursor:help}.amount-info{margin-left:6px}.col-status{width:160px}.col-actions{width:60px;text-align:center;position:relative}.doc-icon{color:#2196f3;margin-right:8px;font-size:10px}.document-list-page .doc-number{font-family:"Font Awesome 5 Free",cs_chatthaiuiregular,CS ChatThaiUI,sans-serif;font-size:inherit;font-weight:400;color:#333}.copy-btn{background:none;border:none;font-size:14px;cursor:pointer;padding:2px 6px;margin-left:6px;color:#999;opacity:0;transition:opacity .2s ease}.col-docnumber:hover .copy-btn{opacity:1}.copy-btn:hover{color:#2196f3}.status-container{position:relative}.status-badge-list{min-width:120px;text-align:center;border-radius:4px}.menu-button{background:#f0f0f0;border:1px solid #e0e0e0;font-size:16px;cursor:pointer;padding:6px 10px;color:#666;border-radius:6px;transition:all .2s ease;font-weight:700;letter-spacing:2px}.menu-button:hover{background-color:#e5e5e5;border-color:#ccc;color:#333}.dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:200px;z-index:1000;display:block;overflow:hidden;padding:2px 0}.action-menu{min-width:220px}.menu-item{display:flex;align-items:center;padding:4px 12px;color:#333;text-decoration:none;cursor:pointer;font-size:14px;transition:background-color .15s ease;gap:8px}.menu-item:hover{background-color:#f5f5f5}.menu-icon{font-size:18px;width:24px;text-align:center;color:#555;font-style:normal}.menu-text{flex:1;font-weight:400}.menu-divider{height:1px;background-color:#e8e8e8;margin:2px 0}.menu-item-danger{color:#333}.menu-item-danger:hover{background-color:#fff5f5}.dropdown-menu a{display:flex;align-items:center;padding:4px 12px;color:#333;text-decoration:none;cursor:pointer;font-size:14px;transition:background-color .15s ease;gap:8px}.dropdown-menu a:hover{background-color:#f5f5f5}.status-dropdown{left:0;right:auto;min-width:200px}.no-data{text-align:center;padding:60px 20px;color:#999;font-size:14px}.no-data p{margin:0}.loading,.error{text-align:center;padding:60px;font-size:14px;color:#666}.error{color:#e53935}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:600px;max-height:90vh;overflow-y:auto;padding:30px}.modal-content h2{margin:0 0 10px;font-size:18px;color:#333}.modal-content p{margin:0 0 20px;color:#666;font-size:14px}.convert-options{margin-bottom:25px}.convert-options h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#333}.convert-btn{display:block;width:100%;padding:10px;margin-bottom:8px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s ease}.convert-btn:hover{background-color:#09c;color:#fff;border-color:#09c}.convert-lines{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.convert-lines h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#333}.lines-list{max-height:200px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px;padding:10px}.line-item{display:flex;align-items:center;padding:8px;cursor:pointer;transition:background-color .2s ease}.line-item:hover{background-color:#f9f9f9}.line-item input{margin-right:8px;cursor:pointer}.line-item span{font-size:13px;color:#666}.btn-close{width:100%;padding:10px;background-color:#666;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.btn-close:hover{background-color:#555}.list-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:#fff;border-top:1px solid #e0e0e0}.pagination-left{display:flex;align-items:center;gap:10px}.pagination-label{font-size:13px;color:#666}.pagination-select{padding:6px 28px 6px 12px;font-size:13px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.pagination-select:hover{border-color:#bbb}.pagination-select:focus{outline:none;border-color:#3db4c4}.pagination-right{display:flex;align-items:center}.show-total-link{font-size:13px;color:#3db4c4;text-decoration:none;cursor:pointer}.show-total-link:hover{text-decoration:underline}.share-modal{max-width:500px;width:90%}.share-modal h2{margin-bottom:10px}.share-form{margin:20px 0}.share-form .form-group{margin-bottom:15px}.share-form label{display:block;font-size:13px;font-weight:500;color:#555;margin-bottom:5px}.share-form input,.share-form textarea{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.share-form input:focus,.share-form textarea:focus{outline:none;border-color:#3db4c4}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-actions .btn-confirm{min-width:140px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background-color:#f5f5f5}.modal-header h2{margin:0;font-size:16px;color:#333;font-weight:600}.close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.close-btn:hover{color:#333}.search-box{padding:15px 20px;border-bottom:1px solid #e0e0e0}.search-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:13px}.search-input:focus{outline:none;border-color:#09c;box-shadow:0 0 5px #0098cc4d}.products-list{flex:1;overflow-y:auto;padding:10px}.product-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:8px;transition:all .2s ease}.product-item:hover{background-color:#f9f9f9;border-color:#09c}.product-info{flex:1}.product-name{font-weight:600;color:#333;font-size:13px;margin-bottom:4px}.product-detail{font-size:12px;color:#999}.btn-select{padding:6px 12px;background-color:#09c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s ease}.btn-select:hover{background-color:#007aa3}.no-products{text-align:center;padding:40px 20px;color:#999;font-size:14px}.loading{text-align:center;padding:40px 20px;color:#666;font-size:13px}.new-product-form{padding:20px;flex:1}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:6px;font-size:12px;color:#999;font-weight:600;text-transform:uppercase}.form-field{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:13px;font-family:inherit}.form-field:focus{outline:none;border-color:#09c;box-shadow:0 0 5px #0098cc4d}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #e0e0e0;background-color:#f5f5f5}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:13px;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-primary{background-color:#09c;color:#fff}.btn-primary:hover{background-color:#007aa3}.btn-cancel{background-color:#e0e0e0;color:#333}.btn-cancel:hover{background-color:#d0d0d0}@media (max-width: 600px){.modal-content{width:95%;max-height:90vh}}.date-input-wrapper{position:relative;display:inline-flex;align-items:center;width:100%}.date-input-text{flex:1;padding:8px 36px 8px 12px;font-size:14px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;outline:none;transition:border-color .2s,box-shadow .2s}.date-input-text:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.date-input-text:read-only{background:#f5f5f5;cursor:default}.date-input-text::placeholder{color:#aaa}.date-input-icon{position:absolute;right:8px;border:none;background:transparent;cursor:pointer;padding:4px;font-size:16px;opacity:.6;transition:opacity .2s}.date-input-icon:hover:not(:disabled){opacity:1}.date-input-icon:disabled{cursor:default;opacity:.3}.date-input-hidden{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;opacity:0;cursor:pointer;z-index:-1}.document-form-page{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);font-family:Sarabun,CSChatThaiUI,CSChatThai,sans-serif}.doc-form-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:linear-gradient(to right,#fff,#f8fafc);border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100;min-height:60px;box-shadow:0 2px 8px #0000000f}.doc-form-header .btn-lg{height:auto!important;min-height:unset!important;line-height:1.5!important}.doc-form-header .pull-left.div-head-title{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.doc-form-header .headicon{display:flex;align-items:center;gap:8px;font-size:16px;color:#333}.doc-form-header .headicon .fa-icon{font-size:20px}.doc-form-header .headtitle-div{display:flex;align-items:center;gap:12px}.doc-form-header .headtitle-text{font-family:Sarabun,Prompt,sans-serif;font-size:18px;font-weight:600;color:#09c;white-space:nowrap;letter-spacing:0}.doc-form-header .feature-actions{display:flex;align-items:center;gap:4px}.doc-form-header .feature-actions .action-btn{display:inline-flex;align-items:center}.doc-form-header .feature-actions .action-btn .button{background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:4px;font-size:14px;color:#666;transition:all .2s}.doc-form-header .feature-actions .action-btn .button:hover{background:#f0f0f0;color:#333}.doc-form-header .div-head-status{display:flex;align-items:center;position:relative}.doc-form-header .div-head-status .btn-group{display:flex}.doc-form-header .div-head-status .btn.btn-table{padding:6px 16px;border-radius:4px;font-weight:500;font-size:13px;border:none;white-space:nowrap}.doc-form-header .pull-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto;align-self:center}.doc-form-header .pull-right .btn{height:auto!important;align-self:center!important;white-space:nowrap}.doc-form-header .btn-cancel-document{background:#f5f5f5;border:1px solid #ddd;color:#666;padding:10px 20px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;height:auto!important;align-self:center;white-space:nowrap}.doc-form-header .btn-cancel-document:hover{background:#e0e0e0;border-color:#ccc}.doc-form-header .approved-btn{display:flex;align-items:center;height:auto;align-self:center}.doc-form-header .approved-btn .btn{height:auto!important;align-self:center!important}.doc-form-header .approved-new-btn{background-color:#8bc34a;color:#fff;border:none;padding:10px 20px;border-radius:4px 0 0 4px;font-weight:500;font-size:14px;cursor:pointer;height:auto!important;white-space:nowrap}.doc-form-header .approved-new-btn:hover{background-color:#7cb342}.doc-form-header .dropdown-toggle{background-color:#8bc34a;color:#fff;border:none;border-left:1px solid rgba(255,255,255,.3);padding:10px 12px;border-radius:0 4px 4px 0;cursor:pointer;height:auto!important}.doc-form-header .dropdown-toggle:hover{background-color:#7cb342}.doc-form-header .header-left{display:flex;align-items:center;gap:12px}.header-label{font-size:13px;color:#666}.doc-number{font-size:18px;font-weight:600;color:#2196f3}.icon-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;color:#666}.icon-btn:hover{color:#2196f3}.status-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.processing{background-color:#e3f2fd;color:#1976d2}.doc-form-header .header-right{display:flex;align-items:center;gap:10px}.btn-outline{padding:8px 16px;background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:13px;cursor:pointer;color:#333}.btn-outline:hover{background-color:#f5f5f5}.btn-primary-dropdown{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer}.btn-primary-dropdown:hover{background-color:#1976d2}.dropdown-arrow{font-size:10px}.doc-form-content{display:flex;flex:1;overflow:hidden}.left-column{flex:1;overflow-y:auto;padding:24px;scrollbar-width:thin;scrollbar-color:#d0d0d0 transparent}.left-column::-webkit-scrollbar{width:8px}.left-column::-webkit-scrollbar-track{background:transparent}.left-column::-webkit-scrollbar-thumb{background-color:#d0d0d0;border-radius:4px}.left-column::-webkit-scrollbar-thumb:hover{background-color:#b0b0b0}.form-card{background-color:#fff;border:none;border-radius:12px;padding:28px;box-shadow:0 4px 20px #00000014}.customer-section{display:flex;gap:30px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;margin-bottom:16px}.customer-main{flex:0 0 320px;max-width:320px}.customer-contact{flex:1;margin-top:95px;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:baseline;align-content:start}.field-label{display:block;font-size:12px;font-weight:500;color:#5ba4d4;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.mt-15{margin-top:10px}.customer-select{width:100%;padding:8px 12px;border:2px solid #e8eef3;border-radius:8px;font-size:14px;background-color:#fff;transition:all .2s ease}.customer-select:focus{outline:none;border-color:#5ba4d4;box-shadow:0 0 0 3px #5ba4d426}.address-box{border:2px solid #e8eef3;border-radius:8px;padding:10px 12px;min-height:50px;background-color:#fafbfc;transition:all .2s ease}.address-box:hover{border-color:#d0dce5}.address-box p{margin:0;font-size:13px;line-height:1.5;color:#333}.business-location{margin-top:8px;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:baseline}.customer-ids{margin-top:95px;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:baseline;align-content:start}.id-label{color:#5ba4d4;font-weight:500;text-align:right;white-space:nowrap;font-size:13px}.id-value{text-align:left;font-size:13px;color:#333}.id-row{padding:4px 0;border-bottom:1px solid #eee;font-size:13px;color:#333}.contact-row{display:contents}.customer-contact .contact-label{color:#5ba4d4!important;font-weight:500;text-align:right;white-space:nowrap;font-size:13px}.customer-contact .contact-value{text-align:left;font-size:13px;color:#333}.loading-text{color:#999;font-size:13px;padding:10px 0}.project-section{padding-bottom:16px;border-bottom:1px solid #f0f0f0;margin-bottom:16px}.field-row{display:flex;gap:20px;margin-bottom:8px}.field-group{display:flex;align-items:center;gap:10px}.field-group .field-label{min-width:80px;flex-shrink:0;margin-bottom:0}.field-group.flex-2{flex:2}.field-group.flex-1{flex:1}.field-input{flex:1;padding:8px 12px;border:2px solid #e8eef3;border-radius:8px;font-size:13px;transition:all .2s ease}.field-input:focus{outline:none;border-color:#5ba4d4;box-shadow:0 0 0 3px #5ba4d426}.field-input.full-width{width:100%}.warehouse-select{width:200px}.items-section{margin-bottom:20px}.items-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.items-table thead{background:linear-gradient(135deg,#5ba4d4,#4a8fc2)}.items-table th{padding:14px 12px;text-align:left;color:#fff;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.items-table th.col-seq,.items-table td.col-seq{width:60px;text-align:center}.items-table th.col-ref-no,.items-table td.col-ref-no,.items-table th.col-ref-date,.items-table td.col-ref-date{width:120px;text-align:center}.items-table td.col-ref-no .ref-input,.items-table td.col-ref-date .ref-input{width:100%;padding:4px 6px;font-size:.85em;border:1px solid #ddd;border-radius:4px}.items-table th.col-name,.items-table td.col-name{width:auto;text-align:left}.items-table th.col-qty,.items-table td.col-qty{width:100px;text-align:right}.items-table th.col-unit,.items-table td.col-unit{width:100px;text-align:center}.items-table th.col-price,.items-table td.col-price{width:130px;text-align:right}.items-table th.col-total,.items-table td.col-total{width:140px;text-align:right}.items-table th.col-action,.items-table td.col-action{width:50px;text-align:center}.items-table td{padding:14px 12px;border-bottom:1px solid #f0f0f0;font-size:13px;background-color:#fff}.items-table tbody tr:hover,.items-table tbody tr:hover td{background-color:#f8fafc}.product-name{font-weight:500;color:#333}.product-description{font-size:12px;color:#777;margin-top:2px;white-space:pre-wrap}.product-source-info{font-size:10px;color:#f39c12;margin-top:3px;padding:2px 6px;background:#fef9e7;border-radius:3px;display:inline-block}.split-type{color:#e74c3c;font-weight:500}.cell-input{width:80px;padding:8px 10px;border:2px solid #e8eef3;border-radius:6px;font-size:13px;transition:all .2s ease}.cell-input.price-input{width:130px}.cell-input:focus{outline:none;border-color:#5ba4d4;box-shadow:0 0 0 3px #5ba4d426}.text-center{text-align:center}.text-right{text-align:right}.empty-row{text-align:center;color:#999;padding:40px!important}.btn-delete{background:none;border:none;cursor:pointer;font-size:14px;padding:4px}.btn-delete:hover{opacity:.7}.btn-add-item{margin-top:16px;padding:10px 20px;background-color:transparent;border:2px dashed #5BA4D4;border-radius:8px;color:#5ba4d4;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-item:hover{background-color:#5ba4d41a;border-style:solid}.bottom-section{display:flex;gap:40px;padding-top:24px;border-top:2px solid #f0f0f0;margin-top:24px}.bottom-left{flex:1}.bottom-right{width:350px}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#333;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease}.checkbox-label:hover{background-color:#f8fafc}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#5BA4D4;cursor:pointer}.notes-section{display:flex;gap:20px;margin-top:15px}.notes-group{flex:1}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:12px}.note-template-select{padding:6px 10px;border:1px solid #d1d9e0;border-radius:6px;font-size:12px;font-family:inherit;background:#fff;cursor:pointer;min-width:200px;color:#555}.note-template-select:focus{outline:none;border-color:#5ba4d4;box-shadow:0 0 0 2px #5ba4d426}.note-template-select:hover{border-color:#5ba4d4}.notes-textarea{width:100%;padding:12px 14px;border:2px solid #e8eef3;border-radius:8px;font-size:13px;font-family:inherit;resize:vertical;transition:all .2s ease;min-height:100px}.notes-textarea:focus{outline:none;border-color:#5ba4d4;box-shadow:0 0 0 3px #5ba4d426}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:13px}.summary-label{color:#666;font-weight:500}.summary-label.highlight{color:#5ba4d4;font-weight:600}.summary-value{font-family:Sarabun,Prompt,sans-serif;font-weight:500;color:#333;min-width:100px;text-align:right;letter-spacing:0}.summary-value.total{font-family:Sarabun,Prompt,sans-serif;font-size:16px;font-weight:600;color:#333;letter-spacing:0}.discount-row{gap:10px}.discount-input-group{display:flex;align-items:center;gap:4px;background-color:#f0f7fb;border-radius:6px;padding:6px 10px}.discount-input{width:60px;padding:6px;border:1px solid transparent;background-color:transparent;font-size:13px;text-align:right}.discount-input:focus{outline:none;border-color:#5ba4d4;background-color:#fff;border-radius:4px}.discount-percent{color:#5ba4d4;font-size:13px;font-weight:600}.total-row{border-top:2px dashed #e8eef3;padding-top:5px;margin-top:4px}.withholding-row{margin-top:5px;padding-top:5px;border-top:2px dashed #e8eef3}.withholding-row .highlight{color:#5ba4d4}.right-column{width:340px;background:linear-gradient(180deg,#fff,#f8fafc);border-left:1px solid #e8eef3;overflow-y:auto}.right-sticky{position:sticky;top:0;padding:24px}.action-icons{display:flex;justify-content:flex-end;gap:8px;margin-bottom:20px}.action-icon-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:none;border:none;cursor:pointer;color:#666;border-radius:8px;transition:all .2s ease}.action-icon-btn:hover:not(:disabled){color:#5ba4d4;background-color:#5ba4d41a}.action-icon-btn:disabled,.action-icon-btn.disabled{opacity:.45;cursor:not-allowed;filter:grayscale(80%)}.action-icon-btn .icon{font-size:22px}.action-icon-btn .label{font-size:11px;font-weight:500}.total-display{text-align:right;margin-bottom:28px;padding:20px;background:linear-gradient(135deg,#f8fafc,#eef3f7);border-radius:12px}.total-display .total-label{font-size:12px;font-weight:500;color:#888;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.total-display .total-amount{font-family:Sarabun,Prompt,sans-serif;font-size:36px;font-weight:700;color:#5ba4d4;letter-spacing:0}.info-fields{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #0000000f}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-row label{font-size:13px;font-weight:500;color:#666;display:flex;align-items:center;gap:6px}.info-icon{color:#5ba4d4;font-size:14px}.info-input{width:160px;padding:10px 14px;border:2px solid #e8eef3;border-radius:8px;font-size:13px;text-align:right;transition:all .2s ease}.info-input.date-input-wrapper{width:160px;padding:0;border:none}.info-input.date-input-wrapper .date-input-text{width:100%;padding:8px 32px 8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;text-align:right;box-sizing:border-box}.info-input.date-input-wrapper .date-input-text:read-only{background-color:#f5f5f5;color:#666}.info-input:focus{outline:none;border-color:#5ba4d4;box-shadow:0 0 0 3px #5ba4d426}.info-input[readonly]{background-color:#f8fafc;color:#666;border-color:#e8eef3}.currency-select,.info-input.text-left,.info-row select.info-input,.info-row select.info-input option{text-align:left!important}@media (max-width: 1024px){.doc-form-content{flex-direction:column}.right-column{width:100%;border-left:none;border-top:1px solid #e0e0e0}.right-sticky{position:relative}.customer-section{flex-direction:column;gap:20px}.customer-main{max-width:none}.bottom-section{flex-direction:column;gap:20px}.bottom-right{width:100%}.notes-section{flex-direction:column}}@media print{.document-form-page .doc-form-header,.document-form-page .doc-form-content,.document-form-page .left-column,.document-form-page .right-column,.sidebar{display:none!important}body,html{margin:0;padding:0;background:#fff}}.line-description-input{width:100%;margin-top:6px;padding:6px 8px;font-size:12px;color:#374151;background-color:#fafbfc;border:1px dashed #d1d5db;border-radius:4px;resize:vertical;min-height:28px;font-family:inherit;box-sizing:border-box;transition:all .2s ease;line-height:1.4}.line-description-input:hover{background-color:#fff;border-color:#9ca3af;border-style:solid}.line-description-input:focus{background-color:#fff;border-color:#5ba4d4;border-style:solid;outline:none;box-shadow:0 0 0 2px #5ba4d433;color:#111827}.line-description-input::placeholder{color:#9ca3af;font-style:italic;font-size:11px}.user-profile-dropdown{position:relative}.user-profile-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.user-profile-btn:hover{background:#f5f5f5;border-color:#ccc}.user-profile-btn.loading{color:#999}.profile-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.profile-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.profile-name{font-size:14px;font-weight:500;color:#333;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{font-size:10px;color:#999}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1000;overflow:hidden;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa}.header-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.header-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px}.header-info{flex:1;min-width:0}.header-name{font-size:16px;font-weight:600;color:#333;margin-bottom:2px}.header-position{font-size:12px;color:#888;margin-bottom:4px}.header-email{font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#28a745;color:#fff;border-radius:50%;font-size:10px;font-weight:700}.header-company{font-size:12px;color:#888;margin-top:2px}.dropdown-divider{height:1px;background:#e0e0e0;margin:4px 0}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;font-size:14px;color:#333;text-align:left;transition:background .15s}.dropdown-item:hover{background:#f5f5f5}.dropdown-item .item-icon{font-size:18px;width:24px;text-align:center}.dropdown-item .item-arrow{margin-left:auto;font-size:16px;color:#999}.dropdown-item.signout{color:#dc3545}.dropdown-item.signout:hover{background:#fff5f5}.dropdown-item-wrapper{position:relative}.company-submenu{background:#f8f9fa;border-top:1px solid #e0e0e0;max-height:200px;overflow-y:auto}.submenu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px 10px 48px;background:none;border:none;cursor:pointer;font-size:13px;color:#555;text-align:left;transition:background .15s}.submenu-item:hover{background:#e9ecef}.submenu-item.active{background:#e3f2fd;color:#1976d2}.submenu-item .company-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submenu-item .check-icon{color:#1976d2;font-weight:700}.no-company-message{padding:12px 16px 12px 48px;color:#888;font-size:13px;font-style:italic}.submenu-divider{height:1px;background:#e0e0e0;margin:4px 16px}.submenu-item.create-new{color:#1976d2;font-weight:500}.submenu-item.create-new:hover{background:#e3f2fd}.submenu-item .add-icon{font-size:16px;font-weight:700;margin-right:8px}.plan-pill-mini{font-size:9px;font-weight:700;padding:2px 7px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px;display:inline-flex;align-items:center}.plan-pill-mini.business{background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff}.plan-pill-mini.pro{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff}.plan-pill-mini.free{background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1}.settings-page{max-width:900px;margin:0 auto;padding:24px}.settings-loading{display:flex;align-items:center;justify-content:center;min-height:300px;font-size:16px;color:#666}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.settings-header h1{font-size:24px;font-weight:600;color:#333;margin:0}.btn-import-defaults{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s;white-space:nowrap}.btn-import-defaults:hover{background:#388e3c}.btn-import-defaults:disabled{background:#ccc;cursor:not-allowed}.btn-back{background:none;border:none;color:#2196f3;cursor:pointer;font-size:14px;padding:8px 12px;border-radius:6px;transition:background .2s}.btn-back:hover{background:#e3f2fd}.message-close{background:none;border:none;font-size:22px;cursor:pointer;padding:0 4px;line-height:1;opacity:.8;transition:opacity .2s}.message.success{background:#4caf50;color:#fff;border:none}.message.success .message-icon,.message.success .message-close{color:#fff}.message.error{background:#f44336;color:#fff;border:none}.message.error .message-icon,.message.error .message-close{color:#fff}.message.warning{background:#ff9800;color:#fff;border:none}.message.warning .message-icon,.message.warning .message-close{color:#fff}.message.info{background:#2196f3;color:#fff;border:none}.message.info .message-icon,.message.info .message-close{color:#fff}.settings-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.form-section{padding:24px;border-bottom:1px solid #e0e0e0}.form-section:last-of-type{border-bottom:none}.form-section h2{font-size:16px;font-weight:600;color:#333;margin:0 0 20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.form-group label{display:block;font-size:13px;font-weight:500;color:#555;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:6px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.form-group textarea{resize:vertical;min-height:80px}.form-group .disabled-input{background:#f5f5f5;color:#666;cursor:not-allowed}.field-hint{display:block;font-size:12px;color:#888;margin-top:4px}.profile-picture-section{display:flex;flex-direction:column;align-items:center;gap:12px}.profile-picture-large{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #e0e0e0}.profile-picture-placeholder-large{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:40px}.profile-source{font-size:12px;color:#888;margin:0}.account-info{background:#f8f9fa;border-radius:8px;padding:16px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e0e0e0}.info-row:last-child{border-bottom:none}.info-label{font-size:13px;color:#666}.info-value{font-size:14px;font-weight:500;color:#333}.info-value.status-approved{color:#2e7d32}.info-value.status-pending{color:#f57c00}.info-value.status-rejected{color:#c62828}.admin-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:4px;font-size:12px}.companies-list{display:flex;flex-direction:column;gap:12px}.company-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.company-name{font-size:14px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.company-role{font-size:13px;color:#666;margin-top:4px}.default-badge{background:#e3f2fd;color:#1976d2;font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background:#f8f9fa;border-top:1px solid #e0e0e0}.btn-cancel{padding:10px 20px;font-size:14px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;color:#666;transition:all .2s}.btn-cancel:hover{background:#f5f5f5;border-color:#ccc}.btn-save{padding:10px 24px;font-size:14px;background:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.btn-save:hover{background:#1976d2}.btn-save:disabled{background:#bdbdbd;cursor:not-allowed}.section-description{font-size:13px;color:#666;margin-bottom:20px}.signature-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 600px){.signature-row{grid-template-columns:1fr}}.upload-container{display:flex;flex-direction:column;gap:10px}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;border:2px dashed #ccc;border-radius:10px;background:#fafafa;cursor:pointer;transition:all .2s}.upload-placeholder:hover{border-color:#2196f3;background:#e3f2fd}.upload-icon{font-size:32px}.upload-placeholder span:last-child{font-size:13px;color:#666}.image-preview{position:relative;display:inline-block;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:10px;padding:12px;text-align:center}.signature-preview,.stamp-preview{max-width:100%;max-height:120px;object-fit:contain}.btn-remove-image{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#f44336;color:#fff;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-remove-image:hover{background:#d32f2f}.btn-change-image{padding:8px 16px;font-size:13px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;color:#666;transition:all .2s}.btn-change-image:hover{background:#e0e0e0;border-color:#ccc}.company-list-section{margin-bottom:24px}.company-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#f8f9fa;border-radius:12px;border:1px solid #e0e0e0}.company-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;color:#555;transition:all .2s}.company-tab:hover{border-color:#2196f3;color:#2196f3}.company-tab.active{background:#2196f3;border-color:#2196f3;color:#fff}.company-tab-name{font-weight:500}.company-tab-badge{font-size:11px;padding:2px 6px;background:#fff3;border-radius:4px}.company-tab.active .company-tab-badge{background:#ffffff4d}.company-tab.add-new{background:#e8f5e9;border-color:#a5d6a7;color:#2e7d32}.company-tab.add-new:hover{background:#c8e6c9;border-color:#81c784}.company-tab.add-new.active{background:#4caf50;border-color:#4caf50;color:#fff}.add-icon{font-size:18px;font-weight:700}.form-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.form-main-title{font-size:18px;font-weight:600;color:#333;margin:0}.btn-delete-company{padding:8px 16px;background:#fff5f5;border:1px solid #ffcdd2;border-radius:6px;color:#c62828;cursor:pointer;font-size:13px;transition:all .2s}.btn-delete-company:hover{background:#ffebee;border-color:#ef9a9a}.delete-confirm-box{background:#fff5f5;border:1px solid #ffcdd2;border-radius:8px;padding:16px;margin-bottom:20px}.delete-confirm-box p{margin:0 0 8px;color:#c62828;font-size:14px}.delete-warning{font-size:12px;color:#666}.delete-confirm-actions{display:flex;gap:12px;margin-top:16px}.btn-delete{padding:8px 20px;background:#c62828;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;transition:background .2s}.btn-delete:hover{background:#b71c1c}.btn-delete:disabled{background:#999;cursor:not-allowed}.settings-description{color:#666;font-size:14px;margin-bottom:24px;line-height:1.5}.sequence-list{display:flex;flex-direction:column;gap:16px}.sequence-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:20px;transition:box-shadow .2s}.sequence-card:hover{box-shadow:0 2px 8px #00000014}.sequence-card.editing{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.sequence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sequence-header h3{margin:0;font-size:16px;color:#333}.sequence-preview{font-size:14px;color:#666}.sequence-preview strong{color:#1976d2;font-family:Consolas,monospace}.sequence-info{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.info-row{display:flex;gap:8px}.info-label{color:#666;font-size:13px}.info-value{font-weight:500;color:#333;font-size:13px}.btn-edit-sequence{margin-left:auto;padding:6px 16px;background:#e3f2fd;border:none;border-radius:6px;color:#1976d2;cursor:pointer;font-size:13px;transition:background .2s}.btn-edit-sequence:hover{background:#bbdefb}.sequence-form,.template-form,.note-form{display:flex;flex-direction:column;gap:16px}.sequence-actions,.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.currency-list{margin-top:16px}.currency-table{width:100%;border-collapse:collapse}.currency-table th,.currency-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e0e0e0}.currency-table th{background:#f5f7fa;font-weight:600;color:#333;font-size:13px}.currency-table tr.inactive{opacity:.5}.currency-symbol{font-size:18px;font-weight:600}.primary-badge,.default-badge{display:inline-block;padding:4px 10px;background:#e8f5e9;color:#2e7d32;border-radius:12px;font-size:12px;font-weight:500}.btn-set-primary{padding:6px 12px;background:transparent;border:1px solid #1976d2;border-radius:6px;color:#1976d2;cursor:pointer;font-size:12px;transition:all .2s}.btn-set-primary:hover{background:#e3f2fd}.btn-set-primary:disabled{opacity:.5;cursor:not-allowed}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#4caf50}input:checked+.toggle-slider:before{transform:translate(20px)}input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.template-list,.notes-list{display:flex;flex-direction:column;gap:16px}.template-card,.note-card,.template-form-card,.note-form-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:20px}.template-card.editing,.note-card.editing{border-color:#2196f3}.template-form-card,.note-form-card{background:#f8fafc;border-color:#c5cae9;margin-bottom:16px}.template-form-card h3,.note-form-card h3{margin:0 0 16px;font-size:16px;color:#333}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.template-name{display:flex;align-items:center;gap:12px}.template-name h3{margin:0;font-size:16px}.template-color-swatch{width:24px;height:24px;border-radius:6px;border:2px solid rgba(0,0,0,.1)}.template-actions{display:flex;gap:8px}.template-info{display:flex;gap:8px;color:#666;font-size:13px}.btn-text{background:none;border:none;color:#1976d2;cursor:pointer;font-size:13px;padding:6px 12px}.btn-text:hover{text-decoration:underline}.btn-edit{padding:6px 12px;background:#e3f2fd;border:none;border-radius:6px;color:#1976d2;cursor:pointer;font-size:13px}.btn-edit:hover{background:#bbdefb}.filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.filter-bar label{font-size:14px;color:#666}.filter-bar select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.note-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.note-title-row h4{margin:0;font-size:15px;color:#333}.note-doc-type{padding:3px 8px;background:#f0f4f8;border-radius:4px;font-size:12px;color:#666}.note-actions{display:flex;gap:8px}.note-content{color:#555;font-size:14px;line-height:1.6;white-space:pre-wrap;background:#f8fafc;padding:12px;border-radius:6px}.form-group.full-width{grid-column:1 / -1}.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical}.form-group textarea:focus{outline:none;border-color:#2196f3}.checkbox-row{display:flex;gap:24px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#555;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.empty-state{text-align:center;padding:48px 24px;color:#666}.empty-state p{margin-bottom:16px}.btn-primary{padding:10px 20px;background:#1976d2;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.btn-cancel{padding:8px 16px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:13px}.btn-cancel:hover{background:#eee}.btn-save{padding:8px 20px;background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px}.btn-save:hover{background:#43a047}.btn-save:disabled{background:#a5d6a7;cursor:not-allowed}.settings-header{justify-content:space-between}.smtp-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.smtp-toggle-info h3{margin:0 0 4px;font-size:15px;font-weight:600}.smtp-toggle-desc{margin:0;font-size:13px;color:#666}.smtp-disabled-section{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.smtp-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.smtp-presets-label{font-size:13px;font-weight:500;color:#555}.smtp-preset-btn{padding:4px 12px;font-size:12px;border:1px solid #ddd;border-radius:16px;background:#f5f5f5;color:#333;cursor:pointer;transition:all .15s}.smtp-preset-btn:hover{background:#e3f2fd;border-color:#1976d2;color:#1976d2}.smtp-password-input{display:flex;gap:0}.smtp-password-input input{flex:1;border-radius:6px 0 0 6px!important}.smtp-password-toggle{padding:8px 12px;border:1px solid #ddd;border-left:none;border-radius:0 6px 6px 0;background:#f5f5f5;cursor:pointer;font-size:14px}.smtp-password-toggle:hover{background:#e8e8e8}.smtp-password-hint{font-size:11px;color:#4caf50;font-weight:400}.smtp-test-section{margin-top:16px;background:#f5f9ff;border:1px dashed #bbdefb;border-radius:8px;padding:20px}.smtp-test-row{display:flex;gap:12px;align-items:center}.smtp-test-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.smtp-test-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d226}.smtp-test-btn{white-space:nowrap;min-width:120px}.subscription-plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:28px;box-shadow:0 4px 16px #0000000a}.plan-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:20px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.plan-card-left{flex:1;min-width:280px}.plan-badge-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.plan-pill{font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;text-transform:uppercase}.plan-pill.business{background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;box-shadow:0 2px 6px #6366f159}.plan-pill.pro{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 2px 6px #0284c759}.plan-pill.free{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.plan-trial-pill{font-size:11px;font-weight:600;color:#b45309;background:#fef3c7;border:1px solid #fde68a;padding:4px 10px;border-radius:20px}.plan-name-title{font-size:20px;font-weight:700;color:#1e293b;margin:4px 0 6px}.plan-desc-text{font-size:13px;color:#64748b;margin:0;line-height:1.5}.plan-stats-group{display:flex;gap:16px;flex-wrap:wrap}.plan-stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px;min-width:170px}.stat-icon{font-size:24px}.stat-details{display:flex;flex-direction:column}.stat-title{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.stat-number{font-size:15px;font-weight:700;color:#0f172a;margin-top:2px}.plan-entitlements-header{margin-top:18px;margin-bottom:12px;font-size:13px;font-weight:700;color:#334155;display:flex;align-items:center;gap:6px}.plan-modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.module-feature-card{border-radius:10px;padding:14px 16px;transition:all .2s ease}.module-feature-card.allowed{background:#f0fdf4;border:1px solid #bbf7d0}.module-feature-card.locked{background:#f8fafc;border:1px dashed #cbd5e1;opacity:.85}.module-feature-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.module-icon{font-size:16px}.module-name{font-size:13px;font-weight:700;color:#0f172a;flex:1}.module-status-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px;white-space:nowrap}.module-status-badge.allowed{background:#dcfce7;color:#15803d}.module-status-badge.locked{background:#fee2e2;color:#b91c1c}.module-desc{font-size:11px;color:#64748b;margin:0;line-height:1.4}.module-feature-card.allowed .module-desc{color:#166534}.formal-business-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px!important;margin-bottom:28px;box-shadow:0 4px 16px #00000008;border-bottom:1px solid #e2e8f0!important}.formal-section-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #f1f5f9;margin-bottom:24px;flex-wrap:wrap}.section-title-wrap{display:flex;align-items:center;gap:14px}.section-icon-badge{font-size:26px;width:50px;height:50px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.formal-section-title{font-size:19px!important;font-weight:700!important;color:#0f172a!important;margin:0!important;letter-spacing:-.2px}.formal-section-subtitle{font-size:13px;color:#64748b;margin:4px 0 0}.verified-entity-pill{font-size:12px;font-weight:600;color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;padding:5px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:6px}.corporate-branding-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:28px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.branding-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column}.branding-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.branding-title{font-size:14px;font-weight:700;color:#1e293b}.branding-hint{font-size:11px;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:6px}.branding-preview-active{display:flex;align-items:center;gap:16px;padding:10px 0}.logo-preview-frame{width:110px;height:90px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;padding:6px;box-shadow:0 2px 6px #0000000a}.formal-logo-img{max-width:100%;max-height:100%;object-fit:contain}.stamp-preview-frame{width:100px;height:90px;border:1px dashed #cbd5e1;border-radius:8px;background:repeating-conic-gradient(#f8fafc,#f8fafc 25%,#fff 0%,#fff 50%) 50% / 12px 12px;display:flex;align-items:center;justify-content:center;padding:6px}.formal-stamp-img{max-width:100%;max-height:100%;object-fit:contain}.branding-actions{display:flex;flex-direction:column;gap:8px;flex:1}.btn-branding-action{padding:6px 12px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-branding-action.edit{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.btn-branding-action.edit:hover{background:#e0f2fe}.btn-branding-action.delete{background:#fff;border:1px solid #fecaca;color:#dc2626}.btn-branding-action.delete:hover{background:#fef2f2}.branding-upload-dropzone{display:flex;align-items:center;gap:14px;padding:16px;border:2px dashed #cbd5e1;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.branding-upload-dropzone:hover{border-color:#3b82f6;background:#f0f7ff}.dropzone-icon{font-size:28px;flex-shrink:0}.dropzone-text{display:flex;flex-direction:column;gap:2px}.dropzone-text strong{font-size:13px;color:#1e293b}.dropzone-text span{font-size:11px;color:#64748b}.formal-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.col-span-2{grid-column:span 2}.formal-field-group{display:flex;flex-direction:column;gap:6px}.formal-label{font-size:13px;font-weight:600;color:#334155;display:flex;align-items:center;gap:6px}.required-star{color:#ef4444;font-weight:700}.sub-tag{font-size:11px;font-weight:500;color:#64748b;background:#f1f5f9;padding:1px 6px;border-radius:4px}.input-with-icon{position:relative;display:flex;align-items:center}.input-lead-icon{position:absolute;left:12px;font-size:16px;color:#64748b;pointer-events:none}.formal-input,.formal-select{width:100%;padding:10px 14px 10px 38px;font-size:14px;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;transition:all .2s ease;box-sizing:border-box}.formal-input:focus,.formal-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.formal-input.font-medium{font-weight:600;font-size:15px}.monospace-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:1px;font-weight:600}.formal-field-tip{font-size:11px;color:#94a3b8;margin-top:2px}@media (max-width: 768px){.formal-fields-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}}.formal-textarea{width:100%;padding:10px 14px;font-size:14px;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;transition:all .2s ease;box-sizing:border-box;font-family:inherit;resize:vertical}.formal-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.formal-info-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#475569;margin-top:18px;line-height:1.5}.formal-info-card-icon{font-size:20px;flex-shrink:0}.formal-approver-table-wrapper{overflow-x:auto;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;background:#fff}.formal-approver-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.formal-approver-table th{background:#f8fafc;padding:12px 16px;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap}.formal-approver-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#1e293b}.formal-approver-table tr:last-child td{border-bottom:none}.formal-approver-table tr:hover td{background:#f8fafc}.approver-sig-frame{height:48px;min-width:90px;max-width:130px;display:inline-flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#f8fafc,#f8fafc 25%,#fff 0%,#fff 50%) 50% / 8px 8px;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px}.approver-sig-frame img{max-height:40px;max-width:110px;object-fit:contain}.approver-actions{display:flex;gap:8px;justify-content:flex-end}.btn-approver-edit{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.btn-approver-edit:hover{background:#e0f2fe}.btn-approver-delete{background:#fff;border:1px solid #fecaca;color:#dc2626;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.btn-approver-delete:hover{background:#fef2f2}.formal-approver-form-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.approver-form-header{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:16px}.approver-sig-upload-box{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;padding:14px 18px;border:1px dashed #cbd5e1;border-radius:8px}.approver-sig-upload-box:hover{border-color:#94a3b8}.approver-form-actions{display:flex;gap:10px;margin-top:18px;align-items:center}.btn-save-approver{background:#2563eb;color:#fff;border:none;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-save-approver:hover{background:#1d4ed8}.btn-cancel-approver{background:#fff;color:#64748b;border:1px solid #cbd5e1;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel-approver:hover{background:#f1f5f9;color:#334155}.personal-hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:28px;box-shadow:0 4px 16px #00000008}.personal-hero-banner{height:96px;background:linear-gradient(135deg,#1e293b,#0f172a,#0284c7)}.personal-hero-content{padding:0 28px 24px;display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap}.personal-avatar-wrapper{position:relative;width:96px;height:96px;flex-shrink:0;margin-top:-48px}.personal-avatar-img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid #ffffff;box-shadow:0 4px 12px #0000001f;background:#fff}.personal-avatar-placeholder{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-size:38px;font-weight:700;display:flex;align-items:center;justify-content:center;border:4px solid #ffffff;box-shadow:0 4px 12px #0000001f}.personal-avatar-badge{position:absolute;bottom:2px;right:2px;width:24px;height:24px;border-radius:50%;background:#10b981;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-shadow:0 2px 4px #00000026}.personal-hero-details{flex:1;min-width:260px;display:flex;flex-direction:column;gap:6px;padding-top:14px;padding-bottom:4px}.personal-hero-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.personal-hero-name{font-size:22px!important;font-weight:700!important;color:#0f172a!important;margin:0!important;letter-spacing:-.3px}.pill-admin-badge{font-size:11px;font-weight:700;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;padding:3px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:4px}.personal-hero-sub-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:#64748b}.personal-pos-tag{font-weight:600;color:#334155}.personal-provider-pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.personal-hero-status-box{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-top:14px;padding-bottom:6px}.hero-status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.hero-status-pill.approved{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.hero-status-pill .status-dot{width:8px;height:8px;border-radius:50%;background:#10b981}.hero-last-login{font-size:11px;color:#94a3b8}.security-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.security-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.security-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #00000008}.security-card-header{display:flex;align-items:center;gap:10px}.security-card-icon{font-size:20px;width:36px;height:36px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center}.security-card-title{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.security-card-value{font-size:14px;font-weight:700;color:#0f172a}.security-card-desc{font-size:11px;color:#94a3b8}.personal-signature-container{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.personal-sig-preview-frame{width:180px;height:90px;background:repeating-conic-gradient(#f8fafc,#f8fafc 25%,#fff 0%,#fff 50%) 50% / 10px 10px;border:1px solid #cbd5e1;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:inset 0 1px 3px #0000000a}.personal-sig-img{max-width:100%;max-height:100%;object-fit:contain}.personal-sig-actions{display:flex;flex-direction:column;gap:8px;flex:1;min-width:220px}.workspaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.workspace-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.workspace-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f614}.workspace-card.is-default{border-color:#bfdbfe;background:#f8fbff}.workspace-header{display:flex;align-items:center;gap:12px}.workspace-icon-box{width:40px;height:40px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.workspace-name{font-size:15px;font-weight:700;color:#0f172a}.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #f1f5f9;padding-top:10px}.workspace-role-pill{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}.workspace-role-pill.owner{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.workspace-role-pill.employee{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.workspace-plan-pill{font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 7px;border-radius:4px;background:#faf5ff;color:#7c3aed;border:1px solid #e9d5ff}.workspace-default-tag{font-size:11px;font-weight:600;color:#0284c7;display:inline-flex;align-items:center;gap:4px}@media (max-width: 640px){.personal-hero-content{padding:0 16px 20px;gap:16px}.personal-avatar-wrapper{width:80px;height:80px;margin-top:-40px}.personal-avatar-img,.personal-avatar-placeholder{width:80px;height:80px;font-size:32px}.personal-hero-details{padding-top:8px}.personal-hero-status-box{align-items:flex-start;padding-top:0}}.user-management{padding:24px;max-width:1200px;margin:0 auto}.user-management.loading,.user-management.error{display:flex;align-items:center;justify-content:center;min-height:300px;font-size:16px;color:#666}.user-management.error{color:#f44336}.um-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.um-header-left{display:flex;align-items:center;gap:16px}.um-header h1{margin:0;font-size:24px;color:#1976d2;font-weight:600}.btn-back{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background .2s}.btn-back:hover{background:#f5f5f5;color:#333}.um-subtitle{color:#666;font-size:14px;margin-bottom:20px}.um-filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.um-filter-label{font-size:14px;font-weight:500;color:#555;white-space:nowrap}.um-filter-select{padding:6px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;background:#fff;min-width:200px;cursor:pointer}.um-filter-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d226}.um-filter-count{font-size:13px;color:#888}.company-cell{font-size:13px;color:#333;max-width:200px}.no-company{color:#aaa;font-style:italic}.inactive-row{opacity:.55;background:#fafafa}.um-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.um-table{width:100%;border-collapse:collapse}.um-table th{background:#f5f5f5;padding:14px 16px;text-align:left;font-weight:600;font-size:13px;color:#555;border-bottom:1px solid #e0e0e0}.um-table th.sortable-header{cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .2s}.um-table th.sortable-header:hover{background:#e8e8e8}.um-table td{padding:16px;border-bottom:1px solid #eee;font-size:14px}.date-cell{white-space:nowrap;color:#666;font-size:13px}.um-table tbody tr:hover{background:#fafafa}.user-info-cell{min-width:250px}.user-email{display:flex;align-items:center;gap:8px;color:#333;font-weight:500}.email-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#e3f2fd;color:#1976d2;border-radius:50%;font-size:12px;font-weight:700}.user-name{margin-top:4px;padding-left:32px;font-size:13px;color:#888}.status-cell{min-width:200px;padding:12px 16px!important}.status-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px}.status-row:last-child{margin-bottom:0}.status-label{color:#666;min-width:80px}.status-value{font-weight:500;color:#333}.status-value.verified{color:#4caf50}.status-value.unverified{color:#ff9800}.status-value.approved{color:#4caf50}.status-value.pending{color:#ff9800}.status-value.rejected{color:#f44336}.status-date{font-size:11px;font-weight:400;color:#888;margin-left:4px}.actions-cell{width:180px;padding:12px 16px!important}.action-buttons{display:flex;gap:8px}.action-btn{width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.action-btn.edit{background:#e3f2fd;color:#1976d2}.action-btn.edit:hover{background:#bbdefb}.action-btn.verify{background:#e8f5e9;color:#4caf50}.action-btn.verify:hover{background:#c8e6c9}.action-btn.delete{background:#ffebee;color:#f44336}.action-btn.delete:hover{background:#ffcdd2}.action-btn.approve{background:#e8f5e9;color:#4caf50}.action-btn.approve:hover{background:#c8e6c9}.action-btn.reject{background:#fff3e0;color:#ff9800}.action-btn.reject:hover{background:#ffe0b2}.action-btn.deactivate{background:#fff3e0;color:#e65100}.action-btn.deactivate:hover{background:#ffe0b2}.action-btn.activate{background:#e8f5e9;color:#2e7d32}.action-btn.activate:hover{background:#c8e6c9}.approval-status{display:flex;align-items:center;gap:4px;font-size:12px;margin-top:4px}.approval-status.approved{color:#4caf50}.approval-status.pending{color:#ff9800}.approval-status.rejected{color:#f44336}.approval-status .status-icon{font-size:10px}.approval-status .status-icon.approved{color:#4caf50}.approval-status .status-icon.pending{color:#ff9800}.approval-status .status-icon.rejected{color:#f44336}.no-data{text-align:center;color:#999;padding:40px!important}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary{background:#1976d2;color:#fff}.btn-primary:hover{background:#1565c0}.btn-primary:disabled{background:#90caf9;cursor:not-allowed}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#d32f2f}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-content.modal-small{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;font-size:18px;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;line-height:1}.modal-close:hover{color:#333}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e0e0e0;background:#fafafa}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:6px}.form-group .required{color:#f44336}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1976d2}.form-group input:disabled{background:#f5f5f5;color:#999}.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s}.form-group textarea:focus{outline:none;border-color:#1976d2}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.message{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:10px;font-size:15px;font-weight:500;min-width:300px;max-width:500px;box-shadow:0 8px 24px #0003;animation:toastSlideIn .4s ease-out}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.message-icon{font-size:18px;font-weight:700}.message-text{flex:1}.message-close{background:none;border:none;font-size:22px;cursor:pointer;padding:0 4px;line-height:1;opacity:.8;color:#fff}.message-close:hover{opacity:1}.message.success{background:#4caf50;color:#fff}.message.error{background:#f44336;color:#fff}@media (max-width: 768px){.user-management{padding:16px}.um-header{flex-direction:column;align-items:flex-start;gap:12px}.um-table-container{overflow-x:auto}.form-row{grid-template-columns:1fr}}.team-quota-card{background:linear-gradient(135deg,#1e293bb3,#0f172ae6);border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:16px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.team-quota-info h2{margin:0 0 4px;font-size:1.15rem;color:#f8fafc}.team-quota-info p{margin:0;font-size:.9rem;color:#94a3b8}.team-quota-badge{display:inline-flex;align-items:center;gap:8px;background:#2563eb33;border:1px solid rgba(59,130,246,.4);color:#93c5fd;padding:6px 14px;border-radius:20px;font-weight:600;font-size:.85rem}.team-tabs{display:flex;gap:10px;margin-bottom:16px;border-bottom:1px solid rgba(148,163,184,.2);padding-bottom:10px}.team-tab-btn{background:transparent;border:none;color:#94a3b8;font-size:.95rem;font-weight:500;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.team-tab-btn:hover{background:#ffffff0d;color:#e2e8f0}.team-tab-btn.active{background:#2563eb;color:#fff;font-weight:600}.provider-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500}.provider-google{background:#ea433526;color:#f87171;border:1px solid rgba(239,68,68,.3)}.provider-microsoft{background:#00a4ef26;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.provider-default{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.role-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600}.role-owner{background:#eab30833;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.role-manager{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.role-accountant{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.role-employee{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.role-viewer{background:#94a3b833;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.quick-domain-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;padding:4px 10px;border-radius:6px;font-size:.8rem;cursor:pointer;margin-right:6px;margin-top:6px;transition:all .2s}.quick-domain-btn:hover{background:#2563eb4d;border-color:#3b82f6;color:#fff}.menu-manager{max-width:900px;margin:0 auto;padding:20px}.menu-manager-header{margin-bottom:24px}.header-title-row{display:flex;align-items:center;gap:16px;margin-bottom:4px}.header-title-row h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary, #1a1a2e)}.menu-counter{background:var(--primary-light, #e8eaf6);color:var(--primary, #3f51b5);padding:4px 12px;border-radius:20px;font-size:.82rem;font-weight:500}.header-description{color:var(--text-secondary, #666);font-size:.9rem;margin:4px 0 0}.menu-manager-message{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem;animation:slideDown .3s ease}.menu-manager-message.success{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.menu-manager-message.error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.company-selector-card{background:var(--surface, #fff);border:1px solid var(--border, #e0e0e0);border-radius:12px;padding:20px;margin-bottom:20px}.selector-label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-primary, #1a1a2e);font-size:.9rem}.company-select{width:100%;padding:10px 14px;border:1px solid var(--border, #ddd);border-radius:8px;font-size:.95rem;background:var(--bg, #fff);color:var(--text-primary, #333);cursor:pointer;transition:border-color .2s}.company-select:focus{outline:none;border-color:var(--primary, #3f51b5);box-shadow:0 0 0 3px #3f51b51a}.menu-manager-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-secondary, #666)}.spinner{width:24px;height:24px;border:3px solid var(--border, #e0e0e0);border-top-color:var(--primary, #3f51b5);border-radius:50%;animation:spin .8s linear infinite}.menu-manager-empty{text-align:center;padding:60px 20px;color:var(--text-secondary, #999)}.empty-icon{font-size:3rem;display:block;margin-bottom:12px}.menu-manager-empty p{font-size:1rem;margin:0}.menu-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.toolbar-left{flex:1;min-width:200px}.menu-search{width:100%;max-width:320px;padding:8px 14px;border:1px solid var(--border, #ddd);border-radius:8px;font-size:.9rem;background:var(--surface, #fff);color:var(--text-primary, #333)}.menu-search:focus{outline:none;border-color:var(--primary, #3f51b5);box-shadow:0 0 0 2px #3f51b51a}.toolbar-right{display:flex;gap:8px}.btn-toolbar{padding:6px 14px;border:1px solid var(--border, #ddd);border-radius:6px;background:var(--surface, #fff);color:var(--text-primary, #333);cursor:pointer;font-size:.82rem;transition:all .2s;white-space:nowrap}.btn-toolbar:hover{background:var(--hover, #f5f5f5);border-color:var(--primary, #3f51b5)}.menu-groups{display:flex;flex-direction:column;gap:12px;padding-bottom:80px}.menu-group-card{background:var(--surface, #fff);border:1px solid var(--border, #e0e0e0);border-radius:12px;overflow:hidden;transition:box-shadow .2s}.menu-group-card:hover{box-shadow:0 2px 8px #0000000f}.menu-parent-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--surface, #fff);transition:background .2s}.menu-parent-row.settings-header{border-bottom:1px solid var(--border, #e0e0e0);background:var(--bg-subtle, #fafafa)}.menu-parent-row.disabled{opacity:.55}.menu-info{display:flex;align-items:center;gap:12px}.menu-icon{font-size:1.3rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-light, #f0f1ff);border-radius:8px}.menu-details{display:flex;flex-direction:column;gap:2px}.menu-label{font-weight:600;color:var(--text-primary, #1a1a2e);font-size:.95rem}.menu-key{color:var(--text-tertiary, #aaa);font-size:.75rem;font-family:SF Mono,Fira Code,monospace}.menu-children{border-top:1px solid var(--border, #eee)}.menu-child-row{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 12px 36px;border-bottom:1px solid var(--border-light, #f5f5f5);transition:background .15s}.menu-child-row:last-child{border-bottom:none}.menu-child-row:hover{background:var(--hover, #fafafa)}.menu-child-row.disabled{opacity:.5}.menu-child-row.parent-disabled{opacity:.35;pointer-events:none}.menu-child-row .menu-icon{font-size:1.1rem;width:30px;height:30px;background:var(--bg-subtle, #f8f8f8);border-radius:6px}.menu-child-row .menu-label{font-weight:500;font-size:.9rem}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ccc;border-radius:26px;transition:all .3s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.toggle-slider{background:var(--primary, #3f51b5)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.4;cursor:not-allowed}.save-bar{position:fixed;bottom:-80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:var(--surface, #fff);border:1px solid var(--border, #e0e0e0);border-radius:12px;padding:12px 24px;box-shadow:0 -4px 20px #0000001a;z-index:100;transition:bottom .3s ease}.save-bar.visible{bottom:24px}.save-bar-text{color:var(--text-secondary, #666);font-size:.9rem;font-weight:500}.save-bar-actions{display:flex;gap:8px}.btn-reset{padding:8px 20px;border:1px solid var(--border, #ddd);border-radius:8px;background:var(--surface, #fff);color:var(--text-primary, #333);cursor:pointer;font-size:.9rem;transition:all .2s}.btn-reset:hover{background:var(--hover, #f5f5f5)}.btn-save{padding:8px 24px;border:none;border-radius:8px;background:var(--primary, #3f51b5);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.btn-save:hover{background:var(--primary-dark, #303f9f)}.btn-save:disabled,.btn-reset:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.menu-manager{padding:12px}.menu-toolbar{flex-direction:column;align-items:stretch}.toolbar-left{min-width:unset}.menu-search{max-width:unset}.toolbar-right{justify-content:flex-end}.menu-parent-row{padding:12px 14px}.menu-child-row{padding:10px 14px 10px 24px}.save-bar{left:12px;right:12px;transform:none;border-radius:10px}}.admin-page{padding:0}.admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.admin-title h1{margin:0;font-size:24px;color:#1a1a2e}.admin-badge-large{display:inline-block;background:linear-gradient(135deg,#dc3545,#b02a37);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px;margin-left:12px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.admin-actions{display:flex;gap:8px}.admin-actions .btn-export,.admin-actions .btn-print{padding:8px 16px;border:1px solid #dee2e6;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;transition:all .2s}.admin-actions .btn-export:hover{background:#e8f5e9;border-color:#4caf50}.admin-actions .btn-print:hover{background:#e3f2fd;border-color:#2196f3}.admin-tabs{display:flex;gap:4px;margin-bottom:20px;background:#f8f9fa;padding:4px;border-radius:12px}.admin-tab-btn{flex:1;padding:10px 16px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#666;border-radius:8px;transition:all .2s}.admin-tab-btn:hover{background:#fff;color:#333}.admin-tab-btn.active{background:linear-gradient(135deg,#dc3545,#b02a37);color:#fff;box-shadow:0 2px 8px #dc35454d}.admin-filters{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px;padding:12px 16px;background:#fff8f8;border:1px solid #f5c6cb;border-radius:10px}.admin-filters .filter-group{display:flex;flex-direction:column;gap:4px}.admin-filters .btn-primary{margin-bottom:1px}.admin-filters label{font-size:13px;font-weight:500;color:#666;white-space:nowrap}.admin-filters .btn-primary-action{padding:8px 20px;background:linear-gradient(135deg,#dc3545,#b02a37);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s}.admin-filters .btn-primary-action:hover{background:linear-gradient(135deg,#b02a37,#8b2131)}.admin-activity-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:12px 16px;background:#fff8f8;border:1px solid #f5c6cb;border-radius:10px}.admin-activity-filters .filter-group{display:flex;flex-direction:column;gap:4px}.admin-activity-filters label{font-size:13px;font-weight:500;color:#666;white-space:nowrap}.admin-activity-filters .filter-select,.admin-activity-filters .filter-input{padding:7px 12px;border:1px solid #ddd;border-radius:8px;font-size:13px;background:#fff;min-width:160px;transition:border-color .2s}.admin-activity-filters .filter-select:focus,.admin-activity-filters .filter-input:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#999}.admin-loading .spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #dc3545;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.admin-error{text-align:center;padding:40px;color:#dc3545}.admin-error button{margin-top:12px;padding:8px 20px;background:#dc3545;color:#fff;border:none;border-radius:8px;cursor:pointer}.admin-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.admin-stat-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:18px;transition:all .2s}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.admin-stat-card.highlight{border-color:#c3e6cb;background:linear-gradient(135deg,#f8fff8,#fff)}.admin-stat-card.warning{border-color:#ffc107;background:linear-gradient(135deg,#fffbf0,#fff)}.admin-stat-card.revenue{border-color:#b8daff;background:linear-gradient(135deg,#f0f7ff,#fff)}.admin-stat-card .stat-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:12px;flex-shrink:0}.admin-stat-card .stat-info{flex:1;min-width:0}.admin-stat-card .stat-number{font-size:22px;font-weight:700;color:#1a1a2e;line-height:1.2}.admin-stat-card .stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.admin-login-summary{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:24px}.admin-login-summary h3{margin:0 0 16px;font-size:16px;color:#333}.login-stats-row{display:flex;gap:16px}.login-stat{flex:1;text-align:center;padding:16px;border-radius:10px;background:#f8f9fa}.login-stat.today{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border:1px solid #f5c6cb}.login-stat.week{background:linear-gradient(135deg,#fff8e1,#fff3cd);border:1px solid #ffc107}.login-stat.month{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #4caf50}.login-stat-number{font-size:36px;font-weight:800;color:#1a1a2e;line-height:1}.login-stat-label{font-size:13px;color:#666;margin-top:6px}.period-info{padding:10px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:20px;font-size:14px;color:#555}.period-stats{margin-left:8px;color:#888}.period-stats strong{color:#dc3545}.admin-section .chart-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:24px}.admin-section .chart-section h3{margin:0 0 16px;font-size:16px;color:#333}.admin-section .trend-chart{display:flex;align-items:flex-end;gap:4px;height:250px;padding:10px 0;overflow-x:auto}.admin-section .trend-bar-col{display:flex;flex-direction:column;align-items:center;flex:1;min-width:35px;height:100%}.admin-section .trend-amount{font-size:10px;color:#dc3545;font-weight:600;height:16px}.admin-section .trend-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.admin-section .trend-bar{width:70%;max-width:30px;background:linear-gradient(180deg,#dc3545,#e8838c);border-radius:4px 4px 0 0;transition:height .5s ease}.admin-section .trend-bar.admin-bar{background:linear-gradient(180deg,#dc3545,#ff6b7a)}.admin-section .trend-label{font-size:10px;color:#888;margin-top:4px;white-space:nowrap}.admin-section .trend-count{font-size:9px;color:#aaa}.admin-table-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:24px;overflow-x:auto}.admin-table-section h3{margin:0 0 16px;font-size:16px;color:#333}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;padding:10px 12px;background:#f8f9fa;border-bottom:2px solid #e9ecef;font-weight:600;color:#555;font-size:12px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.admin-table td{padding:10px 12px;border-bottom:1px solid #f0f0f0;color:#333}.admin-table tbody tr:hover{background:#fafafa}.admin-table .text-right{text-align:right}.admin-table .empty-cell{text-align:center;padding:30px;color:#999}.access-denied{text-align:center;padding:80px 40px;color:#999}.access-denied h2{font-size:24px;color:#dc3545}.company-cards{display:flex;flex-direction:column;gap:16px}.admin-company-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:18px;transition:all .2s}.admin-company-card:hover{box-shadow:0 2px 8px #0000000f}.admin-company-card h4{margin:0 0 12px;font-size:16px;color:#1a1a2e;border-bottom:1px solid #f0f0f0;padding-bottom:8px}.company-stats-row{display:flex;gap:24px;margin-bottom:12px}.company-stat{display:flex;flex-direction:column;gap:2px}.company-stat-label{font-size:11px;text-transform:uppercase;color:#888;letter-spacing:.3px}.company-stat-value{font-size:15px;font-weight:600;color:#333}.company-breakdown-list{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px dashed #eee}.breakdown-row{display:flex;justify-content:space-between;font-size:13px;color:#666;padding:2px 0}@media print{.no-print{display:none!important}.admin-page-header{border-bottom-color:#000}.admin-stat-card{border:1px solid #ccc;-webkit-print-color-adjust:exact;print-color-adjust:exact}.admin-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width: 768px){.admin-page-header{flex-direction:column;gap:12px;align-items:flex-start}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.login-stats-row,.admin-tabs{flex-direction:column}.admin-filters{flex-direction:column;align-items:stretch}}.admin-plans-section{display:flex;flex-direction:column;gap:24px}.admin-plans-banner{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 4px 12px #00000014}.admin-plans-banner h2{margin:0 0 6px;font-size:20px;display:flex;align-items:center;gap:8px}.admin-plans-banner p{margin:0;font-size:13px;opacity:.9}.admin-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}.plan-config-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;padding:20px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;position:relative}.plan-config-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.plan-config-card.active-plan{border-top:4px solid #3b82f6}.plan-config-card.free-plan{border-top-color:#10b981}.plan-config-card.standard-plan{border-top-color:#3b82f6}.plan-config-card.pro-plan{border-top-color:#8b5cf6}.plan-config-card.business-plan{border-top-color:#f59e0b}.plan-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.plan-badge-code{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:#f1f5f9;color:#475569;letter-spacing:.5px}.plan-card-title{margin:0 0 4px;font-size:18px;font-weight:700;color:#1e293b}.plan-card-desc{font-size:12px;color:#64748b;margin:0 0 16px;min-height:36px;line-height:1.4}.plan-price-block{background:#f8fafc;padding:12px 14px;border-radius:8px;margin-bottom:16px}.plan-price-main{font-size:22px;font-weight:800;color:#0f172a}.plan-price-period{font-size:12px;color:#64748b;font-weight:400}.plan-price-yearly{font-size:11px;color:#10b981;font-weight:600;margin-top:2px}.plan-limits-group{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed #e2e8f0}.limit-item{display:flex;justify-content:space-between;align-items:center;font-size:13px}.limit-label{color:#475569;display:flex;align-items:center;gap:6px}.limit-value-badge{font-size:12px;font-weight:600;padding:3px 8px;border-radius:12px}.limit-value-badge.unlimited{background:#dcfce7;color:#15803d}.limit-value-badge.limited{background:#e0f2fe;color:#0369a1}.plan-features-checklist{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;font-size:12px;flex:1}.feature-check-row{display:flex;align-items:center;gap:8px;color:#334155}.feature-check-row.disabled{color:#94a3b8}.btn-edit-plan-modal{width:100%;padding:10px;background:#1e293b;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;display:flex;justify-content:center;align-items:center;gap:6px}.btn-edit-plan-modal:hover{background:#0f172a}.admin-usage-checker-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a}.usage-search-bar{display:flex;gap:12px;max-width:500px;margin-bottom:20px}.usage-search-bar input{flex:1;padding:9px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px}.usage-search-bar button{padding:9px 18px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.usage-search-bar button:hover{background:#1d4ed8}.company-usage-result{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.usage-metric-box{background:#fff;padding:14px;border-radius:8px;border:1px solid #e2e8f0}.usage-metric-label{font-size:12px;color:#64748b;margin-bottom:6px}.usage-metric-num{font-size:20px;font-weight:700;color:#0f172a}.plan-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.plan-modal-dialog{background:#fff;width:100%;max-width:680px;max-height:90vh;border-radius:16px;box-shadow:0 20px 25px -5px #0003;display:flex;flex-direction:column;overflow:hidden}.plan-modal-header{padding:18px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.plan-modal-header h3{margin:0;font-size:18px;color:#0f172a;display:flex;align-items:center;gap:8px}.btn-close-modal{background:transparent;border:none;font-size:20px;color:#64748b;cursor:pointer;line-height:1}.plan-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.plan-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field-group{display:flex;flex-direction:column;gap:6px}.form-field-group label{font-size:13px;font-weight:600;color:#334155}.form-field-group input[type=text],.form-field-group input[type=number],.form-field-group textarea{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;color:#1e293b}.form-field-group input[type=text]:focus,.form-field-group input[type=number]:focus,.form-field-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.quota-input-wrapper{display:flex;align-items:center;gap:10px}.quota-input-wrapper input[type=number]{flex:1}.quota-checkbox-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#475569;white-space:nowrap;cursor:pointer}.plan-features-toggle-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-toggle-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#1e293b;cursor:pointer}.plan-modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;justify-content:flex-end;gap:12px}.btn-cancel-modal{padding:8px 18px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;color:#475569;cursor:pointer}.btn-save-modal{padding:8px 20px;background:#2563eb;border:none;border-radius:6px;font-size:13px;font-weight:600;color:#fff;cursor:pointer}.btn-save-modal:hover{background:#1d4ed8}.plan-msg-success{background:#dcfce7;color:#15803d;padding:10px 14px;border-radius:6px;font-size:13px}.plan-msg-error{background:#fee2e2;color:#b91c1c;padding:10px 14px;border-radius:6px;font-size:13px}.page-header{margin-bottom:1.5rem}.page-header h2{margin:0 0 .5rem;color:#333}.page-description{color:#666;margin:0;font-size:.9rem}.split-qty{color:#0d6efd;margin-left:.25rem}.split-amount{color:#ffc107;margin-left:.25rem}.inactive-row{opacity:.6;background-color:#f8f9fa}.badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:.25rem;text-align:center;white-space:nowrap}.badge-info{background-color:#17a2b8;color:#fff}.badge-warning{background-color:#ffc107;color:#212529}.badge-success{background-color:#28a745;color:#fff}.badge-secondary{background-color:#6c757d;color:#fff}.badge-primary{background-color:#007bff;color:#fff}.badge-light{background-color:#e9ecef;color:#495057}.action-buttons{display:flex;gap:.25rem;flex-wrap:wrap}.action-buttons .btn{padding:.25rem .5rem;font-size:.8rem}.btn-warning{background-color:#ffc107;color:#212529;border:none}.btn-warning:hover{background-color:#e0a800}.btn-success{background-color:#28a745;color:#fff;border:none}.btn-success:hover{background-color:#218838}.warning-box{background-color:#fff3cd;border:1px solid #ffc107;color:#856404;padding:.75rem 1rem;border-radius:.25rem;margin-bottom:1rem;font-size:.9rem}.radio-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.radio-label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;padding:.75rem;border:1px solid #dee2e6;border-radius:.375rem;transition:all .2s}.radio-label:hover{border-color:#0d6efd;background-color:#f8f9fa}.radio-label input[type=radio]{margin-top:.25rem}.radio-text{display:flex;flex-direction:column;gap:.25rem}.radio-text strong{color:#333}.radio-text small{color:#666;font-size:.8rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:1rem;height:1rem}button:disabled{opacity:.5;cursor:not-allowed}.wh-page-container{padding:24px;max-width:1400px;margin:0 auto;font-family:Sarabun,-apple-system,BlinkMacSystemFont,sans-serif;color:#1e293b}.wh-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.wh-header-title{display:flex;align-items:center;gap:12px}.wh-header-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0284c7,#0369a1);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 4px 12px #0284c740}.wh-header-title h1{margin:0;font-size:1.6rem;font-weight:700;color:#0f172a}.wh-header-title p{margin:2px 0 0;color:#64748b;font-size:.9rem}.wh-header-actions{display:flex;gap:10px}.wh-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.wh-btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 4px 10px #0284c733}.wh-btn-primary:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px)}.wh-btn-secondary{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.wh-btn-secondary:hover{background:#e2e8f0}.wh-btn-success{background:#10b981;color:#fff}.wh-btn-success:hover{background:#059669}.wh-btn-sm{padding:6px 12px;font-size:.82rem;border-radius:6px}.wh-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.wh-stat-card{background:#fff;border-radius:12px;padding:18px 20px;border:1px solid #e2e8f0;box-shadow:0 2px 6px #00000008;display:flex;align-items:center;gap:16px}.wh-stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#f0fdf4;color:#16a34a}.wh-stat-icon.blue{background:#e0f2fe;color:#0284c7}.wh-stat-icon.purple{background:#f3e8ff;color:#9333ea}.wh-stat-icon.amber{background:#fef3c7;color:#d97706}.wh-stat-info h3{margin:0;font-size:.85rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.wh-stat-info .stat-number{margin:4px 0 0;font-size:1.5rem;font-weight:700;color:#0f172a}.wh-tabs{display:flex;border-bottom:2px solid #e2e8f0;margin-bottom:20px;gap:8px;overflow-x:auto}.wh-tab{padding:12px 20px;font-size:.95rem;font-weight:600;color:#64748b;background:none;border:none;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;display:flex;align-items:center;gap:8px;transition:all .2s;white-space:nowrap}.wh-tab:hover{color:#0284c7}.wh-tab.active{color:#0284c7;border-bottom-color:#0284c7}.wh-filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.wh-search-input{flex:1;min-width:240px;max-width:400px;padding:9px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;outline:none}.wh-search-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a}.wh-select{padding:9px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;background-color:#fff;cursor:pointer;outline:none}.wh-select:focus{border-color:#0284c7}.wh-table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 6px #00000005;overflow-x:auto}.wh-table{width:100%;border-collapse:collapse;text-align:left}.wh-table th{background:#f8fafc;padding:12px 16px;font-size:.85rem;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap}.wh-table td{padding:14px 16px;font-size:.9rem;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.wh-table tr:hover td{background:#f8fafc}.wh-code-badge{display:inline-block;padding:4px 8px;background:#e0f2fe;color:#0369a1;font-weight:700;border-radius:6px;font-size:.82rem;font-family:monospace}.wh-default-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#fef3c7;color:#92400e;font-weight:600;border-radius:12px;font-size:.75rem;margin-left:6px}.wh-status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.78rem;font-weight:600}.wh-status-badge.active{background:#dcfce7;color:#15803d}.wh-status-badge.inactive{background:#fee2e2;color:#b91c1c}.wh-status-badge.in-stock{background:#dcfce7;color:#15803d}.wh-status-badge.low-stock{background:#fef3c7;color:#b45309}.wh-status-badge.out-of-stock{background:#fee2e2;color:#b91c1c}.wh-mvt-badge{display:inline-block;padding:3px 9px;border-radius:6px;font-size:.78rem;font-weight:700;text-align:center}.wh-mvt-badge.IN{background:#dcfce7;color:#15803d}.wh-mvt-badge.OUT{background:#fee2e2;color:#b91c1c}.wh-mvt-badge.TRANSFER_IN{background:#e0e7ff;color:#4338ca}.wh-mvt-badge.TRANSFER_OUT{background:#fef3c7;color:#b45309}.wh-mvt-badge.ADJUST{background:#e2e8f0;color:#334155}.wh-mvt-badge.REVERSE_IN{background:#ccfbf1;color:#0f766e}.wh-mvt-badge.REVERSE_OUT{background:#fce7f3;color:#9d174d}.wh-actions-cell{display:flex;gap:6px;align-items:center}.wh-empty-state{text-align:center;padding:48px 20px;color:#94a3b8}.wh-empty-state svg,.wh-empty-state .empty-icon{font-size:48px;margin-bottom:12px;color:#cbd5e1}.wh-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.wh-modal-dialog{background:#fff;border-radius:16px;width:100%;max-width:540px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;animation:whModalSlideIn .25s ease-out}@keyframes whModalSlideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.wh-modal-header{padding:18px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.wh-modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.wh-modal-close{background:none;border:none;font-size:22px;color:#94a3b8;cursor:pointer;line-height:1}.wh-modal-close:hover{color:#334155}.wh-modal-body{padding:24px}.wh-form-group{margin-bottom:16px}.wh-form-group label{display:block;margin-bottom:6px;font-size:.88rem;font-weight:600;color:#334155}.wh-form-group input[type=text],.wh-form-group input[type=number],.wh-form-group textarea,.wh-form-group select{width:100%;padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:.92rem;outline:none;box-sizing:border-box}.wh-form-group input:focus,.wh-form-group textarea:focus,.wh-form-group select:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a}.wh-form-check{display:flex;align-items:center;gap:8px;cursor:pointer;margin-top:10px}.wh-form-check input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#0284c7}.wh-modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;justify-content:flex-end;gap:12px}.reports-page{padding:24px;max-width:1400px;margin:0 auto}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.reports-header .header-left{display:flex;align-items:center;gap:16px}.reports-header .header-actions{display:flex;gap:8px}.reports-header h1{font-size:24px;font-weight:600;color:#333;margin:0}.btn-back{padding:8px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;color:#666;transition:all .2s}.btn-back:hover{background:#e0e0e0;color:#333}.btn-export,.btn-print{padding:8px 16px;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;background:#fff;color:#555}.btn-export:hover{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.btn-print:hover{background:#e3f2fd;border-color:#1976d2;color:#1565c0}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;border:1px solid #e8e8e8}.stat-card.pending{border-left:4px solid #ff9800}.stat-label{font-size:13px;color:#888;margin-bottom:8px}.stat-value{font-size:32px;font-weight:700;color:#333}.stat-sub{font-size:12px;color:#666;margin-top:4px}.report-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid #e8e8e8;padding-bottom:0;overflow-x:auto}.report-tabs .tab{padding:10px 16px;background:none;border:none;cursor:pointer;font-size:13px;color:#666;border-radius:8px 8px 0 0;transition:all .2s;white-space:nowrap}.report-tabs .tab:hover{background:#f5f5f5;color:#333}.report-tabs .tab.active{background:#1976d2;color:#fff}.report-filters{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:12px;color:#666;font-weight:500}.filter-group input,.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:150px}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#1976d2}.report-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;min-height:400px}.report-content h2{font-size:20px;color:#333;margin:0 0 8px}.report-date-range{font-size:14px;color:#888;margin-bottom:20px}.summary-text{font-size:16px;color:#666;margin-bottom:20px}.report-table{width:100%;border-collapse:collapse;font-size:14px}.report-table th{text-align:left;padding:12px;background:#f8f9fa;border-bottom:2px solid #e8e8e8;font-weight:600;color:#555}.report-table th.text-right,.report-table td.text-right{text-align:right}.report-table td{padding:12px;border-bottom:1px solid #eee;color:#333}.report-table tbody tr:hover{background:#f8f9fa}.report-table tfoot .total-row{background:#f5f5f5}.report-table tfoot .total-row td{border-top:2px solid #ddd;font-weight:600}.status-group{margin-bottom:32px}.status-header{font-size:16px;padding:12px 16px;border-radius:8px;margin-bottom:12px}.status-header.status-draft{background:#fff3e0;color:#e65100}.status-header.status-submitted{background:#e3f2fd;color:#1565c0}.days-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;background:#e8e8e8;color:#666}.days-badge.warning{background:#fff3e0;color:#e65100}.report-table tr.overdue{background:#fff8f0}.company-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:32px}.company-card{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e8e8e8}.company-card h4{font-size:16px;color:#333;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #ddd}.company-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.company-stats .stat{text-align:center}.company-stats .label{display:block;font-size:11px;color:#888;margin-bottom:4px}.company-stats .value{font-size:14px;font-weight:600;color:#333}.company-breakdown{border-top:1px solid #ddd;padding-top:12px}.breakdown-item{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:#666}.section{margin-bottom:32px}.section h3{font-size:18px;color:#333;margin:0 0 16px}.loading{text-align:center;padding:40px;color:#888;font-size:16px}.error-message{background:#ffebee;color:#c62828;padding:16px;border-radius:8px;margin-bottom:16px}.access-denied{text-align:center;padding:60px 20px;color:#c62828}.no-data-message{text-align:center;padding:40px;color:#999;font-size:15px;font-style:italic}.chart-section{margin-top:32px;padding-top:24px;border-top:1px solid #eee}.chart-section h3{font-size:16px;color:#333;margin-bottom:16px}.bar-chart{display:flex;flex-direction:column;gap:10px}.bar-row{display:flex;align-items:center;gap:12px}.bar-label{width:140px;font-size:13px;color:#555;text-align:right;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{flex:1;height:24px;background:#f0f0f0;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.bar-color-0{background:#1976d2}.bar-color-1{background:#388e3c}.bar-color-2{background:#f57c00}.bar-color-3{background:#7b1fa2}.bar-value{width:130px;font-size:12px;color:#666;text-align:right;flex-shrink:0}.sales-summary-cards{display:flex;gap:16px;margin-bottom:24px}.mini-card{display:flex;flex-direction:column;gap:4px;padding:16px 24px;background:#f8f9fa;border-radius:8px;border:1px solid #e8e8e8}.mini-card.highlight{background:#e3f2fd;border-color:#90caf9}.mini-label{font-size:12px;color:#888}.mini-value{font-size:20px;font-weight:700;color:#333}.period-cell{font-weight:500;color:#1976d2!important}.rank-cell{font-weight:700;color:#888;width:40px}.customer-name{font-weight:500}.customer-tax{font-size:11px;color:#999}.trend-chart{display:flex;align-items:flex-end;gap:8px;padding:20px 0;margin-bottom:24px;height:280px;border-bottom:2px solid #e8e8e8;overflow-x:auto}.trend-bar-col{display:flex;flex-direction:column;align-items:center;flex:1;min-width:60px;height:100%}.trend-amount{font-size:10px;color:#888;margin-bottom:4px;white-space:nowrap;height:14px}.trend-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.trend-bar{width:70%;max-width:40px;background:linear-gradient(180deg,#1976d2,#42a5f5);border-radius:4px 4px 0 0;transition:height .5s ease;min-height:2px}.trend-label{font-size:11px;color:#666;margin-top:8px;font-weight:500}.trend-count{font-size:10px;color:#999}.trend-table tr.empty-month{opacity:.5}.admin-tab{background:linear-gradient(135deg,#dc3545,#b02a37)!important;color:#fff!important;font-weight:600}.admin-tab:hover{background:linear-gradient(135deg,#b02a37,#8b2131)!important}.admin-tab.active{background:linear-gradient(135deg,#b02a37,#7a1d2c)!important;box-shadow:0 2px 8px #dc354566}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.admin-stats-grid .stat-card{background:linear-gradient(135deg,#fff5f5,#fff);border:1px solid #f5c6cb;border-radius:10px;padding:16px;text-align:center}.admin-stats-grid .stat-card h4{margin:0 0 6px;font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.admin-stats-grid .stat-card .stat-value{font-size:28px;font-weight:700;color:#dc3545}.admin-badge{display:inline-block;background:#dc3545;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:6px;text-transform:uppercase;vertical-align:middle}.auth-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px}.auth-badge.auth-password{background:#e2e3e5;color:#383d41}.auth-badge.auth-google{background:#fce8e6;color:#c5221f}.auth-badge.auth-microsoft{background:#e8f0fe;color:#1a73e8}.auth-badge.auth-line{background:#e6f9e6;color:#00b300}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.status-dot.active{background:#28a745}.status-dot.inactive{background:#dc3545}.inactive-user{opacity:.5}.ip-cell{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;color:#666}@media print{.no-print{display:none!important}.reports-page{padding:0}.report-content{box-shadow:none;padding:0;border:none}.bar-fill,.trend-bar{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width: 768px){.reports-page{padding:16px}.reports-header{flex-direction:column;align-items:flex-start;gap:12px}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.report-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.report-tabs .tab{flex-shrink:0;min-width:auto;padding:8px 12px;font-size:12px}.report-filters{flex-direction:column}.filter-group,.filter-group input,.filter-group select{width:100%}.company-stats{grid-template-columns:1fr}.report-table{font-size:12px}.report-table th,.report-table td{padding:8px}.bar-label{width:80px;font-size:11px}.bar-value{width:90px;font-size:11px}.sales-summary-cards{flex-direction:column}.trend-chart{height:200px}.trend-bar-col{min-width:45px}}.report-print-only-header,.report-print-only-footer{display:none}@media print{@page{size:A4;margin:12mm 14mm}.header,.page-header-right,.sidebar,.app-sidebar,.reports-header,.report-filters,.report-tabs,.acc-header-row,.acc-filter-bar,.acc-actions,.acc-subtabs,.accounting-module-bar,.btn-acc-refresh,.btn-acc-primary,.btn-acc-secondary,.btn-clear-filter,.acc-search-input,.no-print{display:none!important}html,body,#root,.container,.main-content,.content,#content-area,.reports-page,.accounting-page,.acc-section,.report-content{height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important;box-shadow:none!important;border:none!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important}.report-print-only-header{display:block!important;margin-bottom:18px;padding-bottom:14px;border-bottom:2px solid #5BA4D4;font-family:Sarabun,TH Sarabun New,Arial,sans-serif;color:#1e293b;-webkit-print-color-adjust:exact;print-color-adjust:exact}.rph-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.rph-company-col{display:flex;align-items:flex-start;gap:14px;flex:1}.rph-logo{max-width:72px;max-height:72px;object-fit:contain}.rph-company-details{font-size:11.5px;line-height:1.45;color:#334155}.rph-company-name{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:3px}.rph-title-col{text-align:right;min-width:250px}.rph-report-badge{display:inline-block;background-color:#5ba4d4!important;color:#fff!important;padding:6px 16px;border-radius:4px;font-size:15px;font-weight:700;margin-bottom:8px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.rph-meta-table{margin-left:auto;border-collapse:collapse;font-size:11.5px;width:auto;margin-top:4px}.rph-meta-table td{padding:2px 6px;border:none!important}.rph-meta-table td.rph-meta-label{font-weight:600;color:#5ba4d4;text-align:right;padding-right:10px}.rph-meta-table td.rph-meta-val{color:#0f172a;text-align:left;font-weight:500}.report-content>div>h2:first-child,.report-content>div>.report-date-range,.statement-paper>.statement-header{display:none!important}.statement-paper{border:none!important;box-shadow:none!important;padding:0!important;max-width:100%!important}.report-table,.acc-table,.statement-table{width:100%!important;border-collapse:collapse!important;font-size:11.5px!important;margin-top:8px!important}.report-table th,.acc-table th{background-color:#5ba4d4!important;color:#fff!important;border:1px solid #4a90be!important;padding:7px 10px!important;font-weight:600!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-table td,.acc-table td{border:1px solid #cbd5e1!important;padding:6px 10px!important;color:#0f172a!important}.report-table tfoot td,.acc-table tfoot td{background-color:#f1f5f9!important;border:1px solid #94a3b8!important;font-weight:700!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.acc-kpi-grid,.dashboard-stats,.sales-summary-cards{display:flex!important;gap:10px!important;margin-bottom:14px!important;page-break-inside:avoid}.acc-kpi-card,.stat-card,.mini-card{flex:1!important;border:1px solid #cbd5e1!important;border-radius:6px!important;padding:8px 12px!important;box-shadow:none!important;background:#f8fafc!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.acc-kpi-card .kpi-value,.stat-card .stat-value,.mini-card .mini-value{font-size:15px!important}.acc-table-wrapper{border:none!important;overflow:visible!important}.report-print-only-footer{display:flex!important;justify-content:space-between;gap:40px;margin-top:36px;padding-top:16px;page-break-inside:avoid;font-family:Sarabun,TH Sarabun New,Arial,sans-serif;font-size:12px;color:#334155}.rpf-sig-box{flex:1;text-align:center;padding:12px 16px;border:1px solid #cbd5e1;border-radius:6px}.rpf-sig-title{font-weight:600;color:#0f172a;margin-bottom:34px}.rpf-sig-line{border-bottom:1px dotted #64748b;width:75%;margin:0 auto 6px}.rpf-sig-date{font-size:11px;color:#64748b;margin-top:4px}}.accounting-page{padding:16px 24px 40px;font-family:Sarabun,CSChatThaiUI,Segoe UI,sans-serif;color:#1e293b}.acc-page-heading{margin:0;font-size:20px;font-weight:700;color:#0f172a}.acc-page-subtitle{margin:4px 0 0;font-size:13px;color:#64748b}.accounting-module-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.module-pills{display:flex;gap:8px;flex-wrap:wrap}.module-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s ease}.module-pill:hover{border-color:#3db4c4;color:#0f172a;background:#f8fafc}.module-pill.active{background:linear-gradient(135deg,#3db4c4,#2b8a9e);color:#fff;border-color:transparent;box-shadow:0 4px 12px #3db4c440}.btn-acc-refresh{padding:8px 14px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:13px;font-weight:500;cursor:pointer}.btn-acc-refresh:hover{border-color:#3db4c4;color:#0284c7}.acc-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.acc-subtabs{display:flex;gap:6px;background:#f1f5f9;padding:4px;border-radius:10px}.acc-subtab{padding:8px 16px;border:none;border-radius:8px;background:transparent;color:#475569;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s}.acc-subtab.active{background:#fff;color:#0f172a;box-shadow:0 1px 4px #00000014}.acc-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-acc-primary{padding:9px 16px;border-radius:8px;border:none;background:#3db4c4;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer}.btn-acc-primary:hover:not(:disabled){background:#2f9aa8}.btn-acc-primary:disabled{opacity:.55;cursor:not-allowed}.btn-acc-secondary{padding:9px 16px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:13.5px;font-weight:600;cursor:pointer}.btn-acc-secondary:hover:not(:disabled){border-color:#3db4c4;color:#0284c7}.acc-kpi-grid{display:grid;gap:14px;margin-bottom:20px}.acc-kpi-grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.acc-kpi-grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.acc-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;box-shadow:0 1px 3px #00000008}.acc-kpi-card .kpi-label{font-size:13px;color:#64748b;margin-bottom:6px}.acc-kpi-card .kpi-value{font-size:22px;font-weight:700;color:#0f172a}.acc-kpi-card .kpi-value small{font-size:13px;font-weight:500;color:#64748b}.acc-kpi-card .kpi-value.primary{color:#0284c7}.acc-kpi-card .kpi-value.success{color:#16a34a}.acc-kpi-card .kpi-value.warning{color:#d97706}.acc-kpi-card .kpi-value.danger{color:#dc2626}.acc-filter-bar{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px;flex-wrap:wrap}.acc-filter-bar .filter-group{display:flex;flex-direction:column;gap:4px}.acc-filter-bar .filter-group label{font-size:12px;font-weight:500;color:#64748b}.acc-filter-bar input[type=date],.acc-search-input{height:38px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:13.5px;box-sizing:border-box}.acc-search-input{min-width:280px}.acc-filter-bar.compact{align-items:center}.acc-filter-bar.compact input[type=date]{height:34px;padding:0 10px}.acc-filter-bar.compact .btn-clear-filter{height:34px;padding:0 10px;align-self:center}.filter-chip{padding:6px 14px;border-radius:20px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:13px;cursor:pointer}.filter-chip.active{background:#0284c7;color:#fff;border-color:#0284c7}.btn-clear-filter{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 14px;border-radius:8px;border:1px solid #fca5a5;background:#fef2f2;color:#dc2626;font-size:13px;font-weight:500;cursor:pointer;align-self:flex-end;box-sizing:border-box;white-space:nowrap;transition:all .15s ease}.btn-clear-filter:hover{background:#fee2e2;border-color:#ef4444}.acc-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.acc-table{width:100%;border-collapse:collapse;font-size:13.5px}.acc-table th{background:#f8fafc;color:#475569;font-weight:600;padding:12px 14px;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}.acc-table td{padding:11px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b}.acc-table.compact th,.acc-table.compact td{padding:8px 12px}.acc-table tfoot td{background:#f8fafc;border-top:2px solid #cbd5e1;padding:10px 14px}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-muted{color:#64748b}.amount-debit{color:#dc2626}.amount-credit{color:#16a34a}.acct-type-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.acct-type-badge.asset{background:#e0f2fe;color:#0369a1}.acct-type-badge.liability{background:#fef3c7;color:#b45309}.acct-type-badge.equity{background:#f3e8ff;color:#7e22ce}.acct-type-badge.revenue{background:#dcfce7;color:#15803d}.acct-type-badge.expense{background:#fee2e2;color:#b91c1c}.journal-entry-list{display:flex;flex-direction:column;gap:14px}.journal-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.journal-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.journal-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.journal-number{font-weight:700;color:#0284c7}.journal-ref{background:#e0f2fe;color:#0369a1;padding:2px 8px;border-radius:6px;font-size:12px}.journal-header-right{display:flex;align-items:center;gap:10px}.status-pill{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-pill.posted{background:#dcfce7;color:#15803d}.status-pill.pending,.status-pill.pendingapproval{background:#fef3c7;color:#b45309}.status-pill.draft{background:#f1f5f9;color:#475569}.status-pill.rejected{background:#fee2e2;color:#b91c1c}.acc-status-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.acc-status-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .15s ease}.acc-status-tab:hover{background:#f1f5f9;color:#1e293b}.acc-status-tab.active{background:#0284c7;border-color:#0284c7;color:#fff}.acc-status-tab .tab-badge{display:inline-block;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:700;background:#00000014}.acc-status-tab.active .tab-badge{background:#ffffff40;color:#fff}.btn-acc-action-approve{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:#16a34a;color:#fff;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.btn-acc-action-approve:hover{background:#15803d}.btn-acc-action-reject{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:#fee2e2;color:#dc2626;border:1px solid #fca5a5;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.btn-acc-action-reject:hover{background:#fecaca}.btn-acc-action-submit{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:#fef3c7;color:#b45309;border:1px solid #fde68a;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.btn-acc-action-submit:hover{background:#fde68a}.btn-acc-warning{padding:8px 16px;border-radius:8px;background:#f59e0b;color:#fff;border:none;font-weight:500;cursor:pointer;transition:background .15s}.btn-acc-warning:hover{background:#d97706}.journal-audit-info{padding:6px 16px;background:#f8fafc;font-size:12px;color:#64748b;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.journal-rejection-alert{padding:8px 16px;background:#fef2f2;color:#b91c1c;font-size:12.5px;border-bottom:1px solid #fee2e2;display:flex;align-items:center;gap:8px}.overdue-badge{margin-left:6px;padding:2px 6px;border-radius:6px;background:#fee2e2;color:#dc2626;font-size:11px;font-weight:700}.doc-link{color:#0284c7;font-weight:600;cursor:pointer;text-decoration:none}.doc-link:hover{text-decoration:underline}.btn-link{background:none;border:none;color:#0284c7;cursor:pointer;font-size:13px;margin:0 4px}.btn-link.danger,.btn-icon-danger{background:none;border:none;color:#dc2626;cursor:pointer}.bank-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.bank-account-card{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:18px;cursor:pointer;transition:all .18s}.bank-account-card:hover{border-color:#3db4c4}.bank-account-card.selected{border-color:#0284c7;background:#f0f9ff}.bank-card-top{display:flex;justify-content:space-between;align-items:flex-start}.bank-card-top h4{margin:6px 0 4px;font-size:16px}.bank-acc-name{margin:0;font-size:13px;color:#475569}.bank-acc-no{margin:4px 0 0;font-size:13px;color:#64748b}.bank-type-tag{display:inline-block;padding:2px 8px;border-radius:6px;background:#e0f2fe;color:#0369a1;font-size:11.5px;font-weight:600}.bank-card-balance{margin-top:14px;padding-top:12px;border-top:1px dashed #cbd5e1;display:flex;justify-content:space-between;align-items:baseline}.bank-card-balance strong{font-size:20px;color:#0f172a}.txn-badge{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.txn-badge.deposit{background:#dcfce7;color:#15803d}.txn-badge.withdrawal{background:#fee2e2;color:#b91c1c}.txn-badge.transfer{background:#e0f2fe;color:#0369a1}.statement-paper{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:28px 36px;max-width:880px;margin:0 auto;box-shadow:0 4px 12px #0000000a}.statement-header{text-align:center;margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid #0f172a}.statement-header h3{margin:0 0 6px;font-size:20px}.statement-header h4{margin:0;font-size:15px;color:#475569}.statement-table{width:100%;border-collapse:collapse;font-size:14px}.statement-table td{padding:10px 8px;border-bottom:1px solid #f1f5f9}.statement-table td.indent{padding-left:28px}.statement-table tr.section-row td{font-weight:700;color:#0284c7;padding-top:18px;background:#f8fafc}.statement-table tr.subtotal-row td{font-weight:700;border-top:1px solid #94a3b8;border-bottom:1px solid #94a3b8}.statement-table tr.grand-total-row td{font-weight:700;font-size:16px;border-top:2px solid #0f172a;border-bottom:3px double #0f172a;background:#f8fafc}.acc-empty-state{text-align:center;padding:48px 24px;background:#fff;border:1px dashed #cbd5e1;border-radius:12px}.acc-empty-state .empty-icon{font-size:42px;margin-bottom:10px}.acc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.acc-modal{background:#fff;border-radius:14px;padding:24px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.acc-modal.wide{max-width:820px}.acc-modal h3{margin:0 0 18px}.acc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.acc-form-grid.cols-3{grid-template-columns:1fr 1fr 1.5fr}.form-field{display:flex;flex-direction:column;gap:5px}.form-field label{font-size:13px;font-weight:600;color:#334155}.form-field input,.form-field select{padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;font-size:13.5px}.acc-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid #e2e8f0}.document-design-studio{padding:18px 24px 32px;max-width:1720px;margin:0 auto;font-family:inherit;color:#1e293b}.design-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:480px;gap:16px;color:#64748b;font-size:15px;font-weight:500}.design-spinner{width:44px;height:44px;border:3px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;animation:studioSpin .75s linear infinite}@keyframes studioSpin{to{transform:rotate(360deg)}}.studio-toast{display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:10px;margin-bottom:16px;font-size:14px;font-weight:500;animation:toastSlideDown .25s ease-out;box-shadow:0 4px 14px #0000000f}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.studio-toast.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.studio-toast.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.toast-icon{font-size:16px;font-weight:800}.toast-message{flex:1}.toast-dismiss{background:transparent;border:none;font-size:18px;color:inherit;cursor:pointer;opacity:.6}.toast-dismiss:hover{opacity:1}.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 22px;margin-bottom:20px;box-shadow:0 1px 3px #0000000a}.studio-topbar-left{display:flex;align-items:center;gap:16px}.studio-title-badge{display:flex;align-items:center;gap:14px}.studio-badge-icon{font-size:26px;width:46px;height:46px;border-radius:12px;background:#f0f9ff;border:1px solid #bae6fd;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.studio-title{font-size:19px;font-weight:800;color:#0f172a;margin:0;line-height:1.25;letter-spacing:-.3px}.studio-subtitle{font-size:12px;color:#64748b;margin:2px 0 0}.studio-topbar-right{display:flex;align-items:center;gap:10px}.studio-action-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.studio-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.studio-btn-subtle{background:#fff;border-color:#cbd5e1;color:#334155}.studio-btn-subtle:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#0f172a}.studio-btn-default-active{background:#fefce8;border-color:#fef08a;color:#a16207;cursor:default}.studio-btn-danger{background:#fff;border-color:#fecaca;color:#dc2626}.studio-btn-danger:hover{background:#fef2f2;border-color:#f87171}.studio-btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 2px 6px #0284c740}.studio-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#075985);box-shadow:0 4px 10px #0284c759;transform:translateY(-1px)}.studio-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.studio-workbench{display:grid;grid-template-columns:370px 1fr;gap:20px;align-items:start}.studio-inspector{display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 135px);overflow-y:auto;padding-right:4px}.studio-inspector::-webkit-scrollbar{width:6px}.studio-inspector::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.inspector-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000008}.template-picker-card{background:#fff;border:1.5px solid #bae6fd}.picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.picker-label{font-size:13px;font-weight:700;color:#0369a1}.btn-create-inline{background:#f0f9ff;border:1px solid #bae6fd;color:#0284c7;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-create-inline:hover{background:#0284c7;color:#fff}.picker-select-wrapper{margin-bottom:10px}.template-dropdown{width:100%;font-weight:700;font-size:13.5px;color:#0f172a}.template-meta-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #f1f5f9}.meta-tag{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;background:#f1f5f9;color:#475569}.meta-color-dot{width:14px;height:14px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 0 1px #cbd5e1}.meta-scope{font-size:11px;color:#64748b;margin-left:auto;font-weight:500}.inspector-nav-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#e2e8f0;border-radius:10px;padding:3px;gap:3px}.inspector-tab-btn{background:transparent;border:none;padding:8px 4px;border-radius:7px;font-size:11.5px;font-weight:600;color:#475569;cursor:pointer;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s ease}.inspector-tab-btn:hover{color:#0f172a}.inspector-tab-btn.active{background:#fff;color:#0284c7;font-weight:700;box-shadow:0 1px 3px #00000014}.inspector-tab-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 3px #00000008}.inspector-group{display:flex;flex-direction:column;gap:8px}.inspector-group-label{font-size:12px;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.3px}.style-cards-grid{display:flex;flex-direction:column;gap:7px}.style-card-tile{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:9px;background:#fff;cursor:pointer;transition:all .15s ease}.style-card-tile:hover{border-color:#7dd3fc;background:#f8fafc}.style-card-tile.selected{border-color:#0284c7;background:#f0f9ff;box-shadow:0 0 0 2px #0284c725}.style-tile-icon{font-size:20px;width:34px;height:34px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.style-card-tile.selected .style-tile-icon{background:#bae6fd}.style-tile-text{flex:1;display:flex;flex-direction:column}.style-tile-title{font-size:13px;font-weight:700;color:#0f172a}.style-tile-desc{font-size:11px;color:#64748b;line-height:1.35;margin-top:2px}.style-tile-check{font-size:14px;font-weight:800;color:#0284c7;padding-right:4px}.studio-select,.studio-input{width:100%;padding:8px 12px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:13px;color:#0f172a;background:#fff;outline:none;transition:border-color .15s ease;box-sizing:border-box}.studio-select:focus,.studio-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.studio-dual-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-input-sub{display:flex;flex-direction:column;gap:4px}.sub-input-label{font-size:11px;font-weight:600;color:#64748b}.palette-pills-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.color-pill-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;cursor:pointer;text-align:left;transition:all .15s ease}.color-pill-btn:hover{background:#f8fafc;border-color:#cbd5e1}.color-pill-btn.active{background:#fff;font-weight:700}.color-pill-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 3px #00000026}.color-pill-info{display:flex;flex-direction:column;flex:1;min-width:0}.color-pill-name{font-size:11.5px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-pill-hex{font-size:10px;color:#94a3b8;font-family:monospace}.color-pill-active-mark{font-size:13px;font-weight:800}.custom-color-row{display:flex;align-items:center;gap:10px}.studio-color-square{width:40px;height:38px;padding:1px;border:1.5px solid #cbd5e1;border-radius:7px;cursor:pointer;background:transparent}.color-hex-input{font-family:monospace;font-weight:700;text-transform:uppercase}.stepper-input{display:flex;align-items:center;justify-content:space-between;border:1.5px solid #cbd5e1;border-radius:8px;background:#fff;overflow:hidden}.stepper-input button{width:32px;height:34px;background:#f1f5f9;border:none;font-size:16px;font-weight:700;color:#334155;cursor:pointer;transition:background .15s ease}.stepper-input button:hover{background:#e2e8f0}.stepper-input span{font-size:12.5px;font-weight:700;color:#0f172a}.paper-size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.paper-tile{display:flex;flex-direction:column;align-items:center;padding:10px 6px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;text-align:center;transition:all .15s ease}.paper-tile:hover{border-color:#7dd3fc}.paper-tile.active{border-color:#0284c7;background:#f0f9ff;box-shadow:0 0 0 2px #0284c725}.paper-tile-icon{font-size:20px;margin-bottom:4px}.paper-tile-name{font-size:13px;font-weight:800;color:#0f172a}.paper-tile-dim{font-size:9.5px;color:#64748b;margin-top:2px}.studio-toggle-list{display:flex;flex-direction:column;gap:10px}.studio-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:background .15s ease}.studio-toggle-item:hover{background:#f1f5f9}.toggle-text{display:flex;flex-direction:column;flex:1;padding-right:12px}.toggle-title{font-size:12.5px;font-weight:700;color:#1e293b}.toggle-desc{font-size:10.5px;color:#64748b;margin-top:1px}.studio-checkbox{width:18px;height:18px;accent-color:#0284c7;cursor:pointer}.signature-config-box{margin-top:8px;padding-top:12px;border-top:1px dashed #cbd5e1}.sig-labels-editor{display:flex;flex-direction:column;gap:8px;margin-top:8px;background:#f8fafc;padding:10px;border-radius:8px;border:1px solid #e2e8f0}.sig-editor-title{font-size:11px;font-weight:700;color:#475569}.sig-label-row{display:flex;flex-direction:column;gap:4px}.sig-label-name{font-size:11px;color:#334155;font-weight:600}.studio-canvas-area{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a;min-height:calc(100vh - 135px)}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:12px}.canvas-title-wrap{display:flex;align-items:center;gap:8px}.canvas-pulse-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98133}.canvas-status-text{font-size:12.5px;font-weight:700;color:#334155}.canvas-zoom-controls{display:flex;align-items:center;gap:8px}.zoom-btn{width:28px;height:28px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;font-size:16px;font-weight:700;color:#334155;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.zoom-btn:hover{background:#f1f5f9;border-color:#94a3b8}.zoom-percentage{font-size:12px;font-weight:700;color:#0f172a;min-width:42px;text-align:center;font-family:monospace}.zoom-presets{display:flex;gap:3px;background:#f1f5f9;padding:2px;border-radius:6px}.zoom-preset-btn{background:transparent;border:none;padding:3px 7px;border-radius:4px;font-size:11px;font-weight:600;color:#475569;cursor:pointer;transition:all .15s ease}.zoom-preset-btn:hover{color:#0f172a}.zoom-preset-btn.active{background:#fff;color:#0284c7;font-weight:700;box-shadow:0 1px 2px #0000000d}.btn-studio-fullscreen{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;background:#f0f9ff;border:1px solid #bae6fd;color:#0284c7;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-studio-fullscreen:hover{background:#0284c7;color:#fff}.canvas-paper-viewport{flex:1;background:#e2e8f0;padding:32px 20px;overflow:auto;display:flex;justify-content:center;align-items:flex-start}.paper-sheet-shadow{background:#fff;border-radius:2px;box-shadow:0 10px 25px -5px #0f172a2e,0 8px 10px -6px #0f172a1a,0 0 0 1px #0f172a0d}.full-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.full-preview-content{background:#fff;border-radius:14px;max-width:95vw;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}.full-preview-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#0f172a;color:#fff}.full-preview-title{font-size:14px;font-weight:700}.close-preview{background:#ffffff1a;border:none;color:#fff;width:28px;height:28px;border-radius:6px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.close-preview:hover{background:#ffffff40}.full-preview-body{padding:24px;overflow:auto;background:#cbd5e1;display:flex;justify-content:center}@media (max-width: 1080px){.studio-workbench{grid-template-columns:1fr}.studio-inspector{max-height:none}}.role-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px;border-bottom:2px solid var(--border-color, #e0e0e0);padding-bottom:0}.role-tab{padding:8px 16px;border:1px solid var(--border-color, #e0e0e0);border-bottom:none;border-radius:6px 6px 0 0;background:var(--bg-secondary, #f5f5f5);color:var(--text-secondary, #666);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;position:relative;bottom:-2px}.role-tab:hover{background:var(--bg-hover, #eee);color:var(--text-primary, #333)}.role-tab.active{background:var(--bg-primary, #fff);color:var(--primary-color, #4a90d9);border-color:var(--primary-color, #4a90d9);border-bottom-color:var(--bg-primary, #fff);font-weight:600}.role-tab-owner{color:var(--warning-color, #e6a23c)}.role-tab-owner.active{color:var(--warning-color, #e6a23c);border-color:var(--warning-color, #e6a23c)}.role-perm-info{background:var(--info-bg, #e8f4fd);border:1px solid var(--info-border, #b3d8f0);color:var(--info-text, #31708f);padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:13px}.role-perm-header-actions{display:flex;gap:8px}.role-perm-grid-container{overflow-x:auto;margin-bottom:16px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px}.role-perm-table{width:100%;border-collapse:collapse;font-size:13px}.role-perm-table thead th{background:var(--bg-secondary, #f8f9fa);padding:10px 8px;text-align:center;font-weight:600;border-bottom:2px solid var(--border-color, #e0e0e0);white-space:nowrap;font-size:12px;text-transform:uppercase;color:var(--text-secondary, #666)}.role-perm-table thead th.resource-col{text-align:left;padding-left:14px;min-width:160px}.role-perm-table tbody tr{border-bottom:1px solid var(--border-color, #eee);transition:background .15s ease}.role-perm-table tbody tr:hover{background:var(--bg-hover, #f8f9fa)}.role-perm-table tbody tr:last-child{border-bottom:none}.resource-name{padding:10px 14px;font-weight:500;color:var(--text-primary, #333)}.action-cell{text-align:center;padding:8px 4px}.perm-checkbox{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;width:24px;height:24px}.perm-checkbox input{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.perm-checkbox .checkmark{width:18px;height:18px;border:2px solid var(--border-color, #ccc);border-radius:4px;background:var(--bg-primary, #fff);transition:all .2s ease;position:relative}.perm-checkbox input:checked~.checkmark{background:var(--primary-color, #4a90d9);border-color:var(--primary-color, #4a90d9)}.perm-checkbox input:checked~.checkmark:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.perm-checkbox.disabled{cursor:not-allowed;opacity:.5}.perm-checkbox.modified .checkmark{border-color:var(--warning-color, #e6a23c);box-shadow:0 0 0 1px var(--warning-color, #e6a23c)}.perm-checkbox.modified input:checked~.checkmark{background:var(--warning-color, #e6a23c);border-color:var(--warning-color, #e6a23c)}.role-perm-actions{display:flex;gap:10px;padding-top:8px}.btn-save-permissions{padding:10px 24px;background:var(--primary-color, #4a90d9);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s ease}.btn-save-permissions:hover:not(:disabled){background:var(--primary-hover, #357abd)}.btn-save-permissions:disabled{opacity:.6;cursor:not-allowed}.btn-reset-role,.btn-reset-all{padding:8px 16px;background:var(--bg-secondary, #f5f5f5);color:var(--text-secondary, #666);border:1px solid var(--border-color, #ddd);border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-reset-role:hover:not(:disabled),.btn-reset-all:hover:not(:disabled){background:var(--bg-hover, #eee);color:var(--text-primary, #333)}.btn-reset-role:disabled,.btn-reset-all:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.role-perm-info{background:#1a3a4a;border-color:#2a5a6a;color:#a0cfea}}.about-page{max-width:1200px;margin:0 auto;padding:20px}.about-hero{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#1976d2,#0d47a1);color:#fff;border-radius:16px;margin-bottom:30px}.about-logo{margin-bottom:16px}.about-logo .hero-logo-svg{width:80px;height:80px}.about-title{font-size:48px;font-weight:700;margin:0 0 8px;letter-spacing:2px}.about-tagline{font-size:18px;opacity:.9;margin:0 0 16px}.about-version{display:inline-block;background:#fff3;padding:6px 16px;border-radius:20px;font-size:14px}.about-section{background:#fff;border-radius:12px;padding:30px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.section-title{font-size:24px;font-weight:600;color:#333;margin:0 0 24px;display:flex;align-items:center;gap:12px}.section-icon{font-size:28px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.feature-card{background:#f8f9fa;border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001a}.feature-icon{font-size:40px;margin-bottom:12px}.feature-card h3{font-size:18px;font-weight:600;color:#1976d2;margin:0 0 12px}.feature-card ul{margin:0;padding-left:20px;color:#555}.feature-card li{margin-bottom:6px;font-size:14px}.coming-soon-section{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.coming-soon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.coming-soon-card{display:flex;align-items:center;gap:12px;background:#fff;padding:16px 20px;border-radius:10px;font-size:14px;font-weight:500;color:#555;box-shadow:0 2px 6px #0000000f}.coming-icon{font-size:24px}.contact-section{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.contact-info{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:center;gap:12px;font-size:16px}.contact-icon{font-size:24px}.contact-label{color:#666;font-weight:500}.contact-value{color:#1976d2;text-decoration:none;font-weight:500}.contact-value:hover{text-decoration:underline}.tech-section{background:#263238;color:#fff}.tech-section .section-title{color:#fff}.tech-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.tech-item{display:flex;flex-direction:column;align-items:center;padding:20px 30px;background:#ffffff1a;border-radius:12px;min-width:120px}.tech-name{font-size:18px;font-weight:600;color:#4fc3f7;margin-bottom:4px}.tech-desc{font-size:12px;color:#ffffffb3}.about-footer{text-align:center;padding:30px;color:#666}.about-footer p{margin:0}.footer-tagline{margin-top:8px!important;font-size:14px;color:#888}.footer-link{cursor:pointer;transition:opacity .2s}.footer-link:hover{opacity:.8}@media (max-width: 768px){.about-title{font-size:32px}.about-tagline{font-size:16px}.feature-grid{grid-template-columns:1fr}.coming-soon-grid{grid-template-columns:repeat(2,1fr)}.tech-grid{gap:15px}.tech-item{padding:15px 20px;min-width:100px}}@media (max-width: 480px){.about-page{padding:10px}.about-section{padding:20px}.coming-soon-grid{grid-template-columns:1fr}}.welcome-page{max-width:1000px;margin:0 auto;padding:20px}.welcome-hero{text-align:center;padding:50px 20px;background:linear-gradient(135deg,#1976d2,#0d47a1);color:#fff;border-radius:20px;margin-bottom:30px;box-shadow:0 10px 40px #1976d24d}.welcome-logo{margin-bottom:16px;animation:float 3s ease-in-out infinite}.welcome-logo .hero-logo-svg{width:100px;height:100px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-title{font-size:56px;font-weight:700;margin:0 0 12px;letter-spacing:3px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.welcome-tagline{font-size:20px;opacity:.95;margin:0 0 20px;font-weight:300}.welcome-version{display:inline-block;background:#fff3;padding:8px 20px;border-radius:25px;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-section{background:#fff;border-radius:16px;padding:30px;margin-bottom:24px;box-shadow:0 4px 15px #0000000f}.section-title{font-size:22px;font-weight:600;color:#333;margin:0 0 24px;display:flex;align-items:center;gap:12px}.section-icon{font-size:26px}.quick-start-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.quick-start-card{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-radius:14px;padding:28px;text-align:center;transition:transform .3s,box-shadow .3s;border:1px solid rgba(0,0,0,.05)}.quick-start-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0000001f}.qs-icon{font-size:48px;margin-bottom:16px}.quick-start-card h3{font-size:18px;font-weight:600;color:#1976d2;margin:0 0 10px}.quick-start-card p{font-size:14px;color:#666;margin:0;line-height:1.5}.feature-tags,.coming-soon-tags{display:flex;flex-wrap:wrap;gap:12px}.feature-tag{display:inline-flex;align-items:center;gap:6px;background:#e3f2fd;color:#1565c0;padding:10px 18px;border-radius:25px;font-size:14px;font-weight:500;transition:transform .2s,background .2s}.feature-tag:hover{transform:scale(1.05);background:#bbdefb}.coming-soon-section{background:linear-gradient(135deg,#fff8e1,#ffecb3)}.coming-tag{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#f57c00;padding:10px 18px;border-radius:25px;font-size:14px;font-weight:500;box-shadow:0 2px 8px #00000014}.welcome-footer{text-align:center;padding:30px;color:#666}.contact-row{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.contact-link{color:#1976d2;text-decoration:none;font-size:15px;transition:opacity .2s}.contact-link:hover{opacity:.7}.divider{color:#ccc}.copyright{margin:0 0 8px;font-size:14px;color:#888}.tagline{margin:0;font-size:14px;color:#aaa}@media (max-width: 768px){.welcome-title{font-size:36px}.welcome-tagline{font-size:16px}.welcome-logo{font-size:56px}.quick-start-grid{grid-template-columns:1fr}.contact-row{flex-direction:column;gap:10px}.divider{display:none}}@media (max-width: 480px){.welcome-page{padding:10px}.welcome-hero{padding:30px 15px;border-radius:16px}.welcome-section{padding:20px}.feature-tags,.coming-soon-tags{gap:8px}.feature-tag,.coming-tag{padding:8px 14px;font-size:13px}}.welcome-onboarding-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px dashed #3b82f6;border-radius:16px;padding:24px 28px;margin-bottom:28px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 15px #3b82f61a}.onboarding-banner-icon{font-size:48px;line-height:1;flex-shrink:0}.onboarding-banner-body{flex:1}.onboarding-banner-body h3{font-size:19px;font-weight:700;color:#1e3a8a;margin:0 0 6px}.onboarding-banner-body p{font-size:14px;color:#1d4ed8;margin:0;line-height:1.5}.btn-onboarding-create{padding:12px 22px;background:#2563eb;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px #2563eb40;transition:background .2s,transform .2s;flex-shrink:0}.btn-onboarding-create:hover{background:#1d4ed8;transform:translateY(-2px)}.quick-start-card.disabled{opacity:.65;cursor:not-allowed!important;background:#f8fafc!important;border:1px dashed #cbd5e1!important;position:relative}.quick-start-card.disabled:hover{transform:none!important;box-shadow:none!important}.lock-badge{font-size:18px;margin-left:6px;vertical-align:middle}.card-locked-text{margin-top:12px;font-size:12px;font-weight:600;color:#b91c1c;background:#fee2e2;padding:4px 10px;border-radius:6px;display:inline-block}.feature-tag.disabled{opacity:.6;cursor:not-allowed!important;background:#f1f5f9!important;color:#64748b!important;border:1px dashed #cbd5e1}.feature-tag.disabled:hover{transform:none!important;background:#f1f5f9!important}@media (max-width: 768px){.welcome-onboarding-banner{flex-direction:column;text-align:center}.btn-onboarding-create{width:100%}}.email-verify-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1976d2,#0d47a1);padding:20px}.verify-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;padding:40px;max-width:450px;width:100%;text-align:center}.verify-logo{margin-bottom:16px}.verify-logo .logo-svg{width:80px;height:80px}.verify-title{font-size:24px;font-weight:700;color:#1976d2;margin:0 0 32px}.verify-status{padding:20px 0}.verify-status.verifying{color:#666}.spinner{width:50px;height:50px;border:4px solid #e3f2fd;border-top-color:#1976d2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.status-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 20px;color:#fff}.success-icon{background:linear-gradient(135deg,#43a047,#2e7d32)}.error-icon{background:linear-gradient(135deg,#e53935,#c62828)}.expired-icon{background:linear-gradient(135deg,#ff9800,#f57c00)}.verify-status.success h2{color:#2e7d32;margin:0 0 12px;font-size:22px}.success-message{color:#666;margin:0 0 8px}.user-email{color:#1976d2;font-weight:600;margin:0 0 24px}.next-steps{background:#e8f5e9;border-radius:8px;padding:16px;margin:20px 0;text-align:left}.next-steps-title{font-weight:600;color:#2e7d32;margin:0 0 8px}.next-steps-list{margin:0;padding-left:20px;color:#333}.next-steps-list li{margin-bottom:6px}.next-steps-list li:last-child{margin-bottom:0}.verify-status.error h2{color:#c62828;margin:0 0 12px;font-size:22px}.error-message{color:#666;margin:0 0 16px}.error-help{background:#ffebee;border-radius:8px;padding:16px;margin:20px 0;text-align:left}.error-help p{font-weight:600;color:#c62828;margin:0 0 8px}.error-help ul{margin:0;padding-left:20px;color:#333}.error-help li{margin-bottom:4px}.verify-status.expired h2{color:#f57c00;margin:0 0 12px;font-size:22px}.expired-message{color:#666;margin:0 0 16px}.expired-help{background:#fff3e0;border-radius:8px;padding:16px;margin:20px 0;text-align:left}.expired-help p{color:#333;margin:0 0 8px}.expired-help p:last-child{margin-bottom:0}.verify-btn{display:inline-block;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;margin-top:10px}.verify-btn.primary{background:linear-gradient(135deg,#1976d2,#0d47a1);color:#fff}.verify-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1976d266}.verify-btn.secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.verify-btn.secondary:hover{background:#eee}.verify-footer{margin-top:32px;padding-top:20px;border-top:1px solid #eee}.verify-footer p{color:#999;font-size:12px;margin:0}@media (max-width: 480px){.verify-card{padding:30px 20px}.verify-logo .logo-svg{width:60px;height:60px}.verify-title{font-size:20px}.status-icon{width:60px;height:60px;font-size:30px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#16213e);padding:20px}.login-card{background:#1a1a2ef2;border:1px solid rgba(74,158,255,.3);border-radius:20px;padding:50px 40px;max-width:420px;width:100%;box-shadow:0 25px 50px #00000080,0 0 100px #4a9eff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:40px}.login-logo{margin-bottom:20px}.login-logo svg{filter:drop-shadow(0 0 20px rgba(74,158,255,.4))}.login-header h1{color:#4a9eff;font-size:2.5rem;font-weight:700;margin:0 0 10px;letter-spacing:3px;text-shadow:0 0 30px rgba(74,158,255,.5)}.login-subtitle{color:#8892b0;font-size:1rem;margin:0}.login-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.login-footer{text-align:center;padding-top:20px;border-top:1px solid rgba(74,158,255,.2)}.login-footer p{color:#64748b;font-size:.875rem;margin:5px 0}.login-note{color:#f59e0b!important;font-weight:500}.signup-link{color:#4a9eff;text-decoration:none;font-weight:500;transition:color .2s ease}.signup-link:hover{color:#60a5fa;text-decoration:underline}@media (max-width: 480px){.login-card{padding:40px 25px}.login-header h1{font-size:2rem}.login-btn{padding:12px 20px;font-size:.95rem}}.login-loading{display:flex;flex-direction:column;align-items:center;gap:20px}.login-spinner{width:50px;height:50px;border:4px solid rgba(74,158,255,.2);border-top-color:#4a9eff;border-radius:50%;animation:spin 1s linear infinite}.signup-container{font-family:Prompt,Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a1a,#1a1a2e,#16213e);padding:20px;-webkit-font-smoothing:antialiased}.signup-container input,.signup-container select,.signup-container button{font-family:Prompt,Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.signup-card{background:#1a1a2ef2;border:1px solid rgba(74,158,255,.3);border-radius:20px;padding:40px;max-width:480px;width:100%;box-shadow:0 25px 50px #00000080,0 0 100px #4a9eff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.signup-header{text-align:center;margin-bottom:30px}.signup-logo{margin-bottom:15px}.signup-logo svg{filter:drop-shadow(0 0 20px rgba(74,158,255,.4))}.signup-header h1{color:#4a9eff;font-size:2rem;font-weight:700;margin:0 0 8px;letter-spacing:3px;text-shadow:0 0 30px rgba(74,158,255,.5)}.signup-subtitle{color:#8892b0;font-size:1rem;margin:0}.signup-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#94a3b8;font-size:.875rem;font-weight:500}.form-group input{padding:12px 14px;border:1px solid rgba(74,158,255,.3);border-radius:8px;background:#0a0a1acc;color:#e2e8f0;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff26}.form-group input::placeholder{color:#64748b}.form-group input.error{border-color:#ef4444}.error-text{color:#ef4444;font-size:.75rem}.server-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;color:#f87171;font-size:.875rem;text-align:center}.signup-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.primary-btn{background:linear-gradient(135deg,#4a9eff,#3b82f6);color:#fff;box-shadow:0 4px 15px #4a9eff4d}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4a9eff66}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.social-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.google-btn{background:#fff;color:#333;box-shadow:0 4px 15px #0003}.google-btn:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.google-icon{width:24px;height:24px}.microsoft-btn{background:#2f2f2f;color:#fff;border:1px solid #555555}.microsoft-btn:hover{background:#404040;transform:translateY(-2px)}.signup-note{text-align:center;padding:12px 0}.signup-note .note-text{color:#64748b;font-size:.875rem;margin:4px 0}.signup-note .note-warning{color:#f59e0b;font-size:.875rem;font-weight:500;margin:4px 0}.divider{display:flex;align-items:center;margin:16px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#4a9eff33}.divider span{color:#64748b;font-size:.875rem;padding:0 12px}.email-signup-toggle{margin-bottom:16px}.toggle-email-btn{width:100%;padding:12px 24px;background:transparent;border:1px solid rgba(74,158,255,.3);border-radius:10px;color:#4a9eff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.toggle-email-btn:hover{background:#4a9eff1a;border-color:#4a9eff}.signup-footer{text-align:center;padding-top:20px;border-top:1px solid rgba(74,158,255,.2)}.signup-footer p{color:#64748b;font-size:.875rem;margin:0}.login-link{color:#4a9eff;text-decoration:none;font-weight:500;transition:color .2s ease}.login-link:hover{color:#60a5fa;text-decoration:underline}.success-message{text-align:center;padding:24px 0}.success-message p{color:#94a3b8;font-size:1rem;margin:8px 0}.success-note{color:#10b981!important;font-weight:500}.back-to-login-btn{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#4a9eff,#3b82f6);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:all .3s ease}.back-to-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a9eff66}@media (max-width: 540px){.signup-card{padding:30px 20px}.signup-header h1{font-size:1.75rem}.form-row{grid-template-columns:1fr}.form-group input{padding:10px 12px}.signup-btn{padding:12px 20px;font-size:.95rem}}.signup-card{max-width:620px!important}.signup-plan-section{margin-bottom:24px}.signup-plan-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.signup-plan-label{font-size:14px;font-weight:700;color:#f1f5f9}.signup-plan-sublabel{font-size:12px;color:#94a3b8}.signup-plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.signup-plan-card{position:relative;background:#1e293b99;border:1.5px solid rgba(74,158,255,.2);border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.signup-plan-card:hover{border-color:#38bdf899;background:#1e293bd9;transform:translateY(-1px)}.signup-plan-card.selected{border-color:#0284c7;background:#0284c72e;box-shadow:0 0 16px #0284c759}.signup-plan-card.featured{border-color:#eab30866}.signup-plan-card.featured.selected{border-color:#0284c7}.signup-plan-badge{position:absolute;top:-9px;right:10px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;letter-spacing:.3px;box-shadow:0 2px 8px #0006}.signup-plan-card.featured .signup-plan-badge{background:linear-gradient(135deg,#eab308,#ca8a04);color:#0f172a}.signup-plan-card-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.signup-plan-radio{color:#38bdf8;font-size:13px}.signup-plan-name{color:#f8fafc;font-size:13px;font-weight:600}.signup-plan-price-row{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.signup-plan-price{font-size:17px;font-weight:700;color:#38bdf8}.signup-plan-period{font-size:11px;color:#94a3b8}.signup-plan-desc{font-size:11.5px;color:#94a3b8;line-height:1.35}.signup-plan-banner{margin-top:10px;padding:8px 12px;background:#0284c71f;border:1px solid rgba(2,132,199,.3);border-radius:8px;font-size:12px;color:#38bdf8;line-height:1.4}@media (max-width: 540px){.signup-plan-grid{grid-template-columns:1fr}}.legal-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:40px 20px}.legal-container{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.legal-header{background:linear-gradient(135deg,#06c,#0052a3);color:#fff;padding:40px;text-align:center}.legal-logo{width:80px;height:80px;margin-bottom:20px}.legal-header h1{margin:0;font-size:2.5rem;font-weight:700}.legal-subtitle{margin:10px 0 0;opacity:.9;font-size:1.2rem}.legal-content{padding:40px}.legal-content section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.legal-content section:last-child{border-bottom:none;margin-bottom:0}.legal-content h2{color:#06c;font-size:1.4rem;margin:0 0 16px;font-weight:600}.legal-content h3{color:#374151;font-size:1.1rem;margin:16px 0 8px;font-weight:600}.legal-content p{color:#4b5563;line-height:1.7;margin:0 0 12px}.legal-content ul{color:#4b5563;line-height:1.7;margin:0 0 16px;padding-left:24px}.legal-content li{margin-bottom:8px}.legal-content a{color:#06c;text-decoration:none}.legal-content a:hover{text-decoration:underline}.contact-info{background:#f9fafb;padding:16px;border-radius:8px;border-left:4px solid #0066cc}.legal-footer{background:#f9fafb;padding:24px 40px;text-align:center;border-top:1px solid #e5e7eb}.legal-footer p{color:#6b7280;margin:0 0 12px;font-size:.9rem}.back-link{color:#06c;text-decoration:none;font-weight:500;display:inline-block;padding:8px 16px;border-radius:6px;transition:background .2s}.back-link:hover{background:#e5e7eb}@media (max-width: 768px){.legal-page{padding:20px 12px}.legal-header{padding:30px 20px}.legal-header h1{font-size:1.8rem}.legal-content{padding:24px 20px}.legal-footer{padding:20px}}.approval-page-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);padding:32px 16px;display:flex;justify-content:center;align-items:flex-start;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1e293b}.approval-card{width:100%;max-width:860px;background:#fff;border-radius:18px;box-shadow:0 20px 45px #00000040;overflow:hidden;border:1px solid rgba(255,255,255,.1);animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.approval-header{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;padding:28px 32px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.approval-header-left h1{margin:0 0 6px;font-size:22px;font-weight:700;letter-spacing:-.3px}.approval-header-left p{margin:0;font-size:14px;opacity:.92}.approval-status-pill{display:inline-flex;align-items:center;gap:6px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;color:#fff}.approval-expiry-banner{background:#fffbeb;border-bottom:1px solid #fef3c7;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;font-size:13.5px;color:#92400e;gap:12px}.approval-expiry-banner strong{font-weight:600}.approval-body{padding:28px 32px}.approval-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;background:#f8fafc;padding:20px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:26px}.approval-meta-item{display:flex;flex-direction:column;gap:4px}.approval-meta-label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.approval-meta-val{font-size:14.5px;font-weight:600;color:#0f172a;word-break:break-word}.approval-table-container{overflow-x:auto;margin-bottom:24px;border:1px solid #e2e8f0;border-radius:10px}.approval-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.approval-table th{background:#f1f5f9;color:#475569;font-weight:600;padding:12px 14px;border-bottom:1px solid #cbd5e1;white-space:nowrap}.approval-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;color:#334155}.approval-table tr:last-child td{border-bottom:none}.approval-table td.text-right,.approval-table th.text-right{text-align:right}.approval-total-box{display:flex;justify-content:flex-end;margin-bottom:28px}.approval-total-inner{min-width:280px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 20px;display:flex;justify-content:space-between;align-items:baseline}.approval-total-label{font-size:15px;font-weight:600;color:#475569}.approval-total-amount{font-size:22px;font-weight:700;color:#0284c7}.approval-notes-box{background:#f8fafc;border-left:4px solid #0284c7;padding:12px 16px;border-radius:0 8px 8px 0;margin-bottom:28px;font-size:14px;color:#475569}.approval-notes-box strong{color:#1e293b;display:block;margin-bottom:4px}.approval-action-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:24px;margin-top:10px}.approval-action-card.reject-mode{background:#fef2f2;border-color:#fecaca}.approval-action-title{font-size:16px;font-weight:600;color:#166534;margin-bottom:14px;display:flex;align-items:center;gap:8px}.approval-action-card.reject-mode .approval-action-title{color:#991b1b}.approval-input-group{margin-bottom:16px}.approval-input-group label{display:block;font-size:13.5px;font-weight:500;color:#374151;margin-bottom:6px}.approval-input-group input,.approval-input-group textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;box-sizing:border-box;outline:none;transition:border-color .2s}.approval-input-group input:focus,.approval-input-group textarea:focus{border-color:#0284c7}.approval-btn-group{display:flex;gap:14px;margin-top:20px;flex-wrap:wrap}.approval-btn{flex:1;min-width:140px;padding:13px 22px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.approval-btn-approve{background:#16a34a;color:#fff;box-shadow:0 4px 12px #16a34a47}.approval-btn-approve:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}.approval-btn-reject{background:#dc2626;color:#fff;box-shadow:0 4px 12px #dc262640}.approval-btn-reject:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.approval-btn-secondary{background:#e2e8f0;color:#334155}.approval-btn-secondary:hover:not(:disabled){background:#cbd5e1}.approval-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.approval-state-container{padding:48px 32px;text-align:center}.approval-state-icon{font-size:52px;margin-bottom:18px}.approval-state-title{font-size:20px;font-weight:700;margin-bottom:10px;color:#0f172a}.approval-state-desc{font-size:14.5px;color:#64748b;max-width:480px;margin:0 auto 24px;line-height:1.6}.approval-badge-done{display:inline-block;padding:6px 16px;border-radius:20px;font-size:13.5px;font-weight:600;margin-bottom:16px}.approval-badge-done.approved{background:#dcfce7;color:#15803d}.approval-badge-done.rejected{background:#fee2e2;color:#b91c1c}.approval-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#0284c7;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.approval-page-container{padding:12px 8px}.approval-header{padding:20px}.approval-body{padding:18px}.approval-btn{min-width:100%}}:root{--lp-primary: #0284c7;--lp-primary-hover: #0369a1;--lp-primary-light: #e0f2fe;--lp-secondary: #0f172a;--lp-accent: #06b6d4;--lp-success: #10b981;--lp-warning: #f59e0b;--lp-danger: #ef4444;--lp-text-dark: #0f172a;--lp-text-muted: #64748b;--lp-bg-light: #f8fafc;--lp-bg-white: #ffffff;--lp-border: #e2e8f0;--lp-card-shadow: 0 12px 35px -8px rgba(15, 23, 42, .08), 0 4px 12px -2px rgba(15, 23, 42, .04);--lp-hover-shadow: 0 20px 40px -10px rgba(2, 132, 199, .16)}.flow-landing{font-family:Prompt,Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--lp-text-dark);background-color:var(--lp-bg-white);line-height:1.6;overflow-x:clip;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flow-landing h1,.flow-landing h2,.flow-landing h3,.flow-landing h4,.flow-landing h5,.flow-landing h6,.flow-landing button,.flow-landing input,.flow-landing select,.flow-landing textarea,.flow-landing .lp-section-tag,.flow-landing .lp-hero-badge{font-family:Prompt,Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.lp-fixed-header{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;width:100%;z-index:1000;box-shadow:0 4px 20px #0000000f}.flow-landing section[id],.flow-landing div[id]{scroll-margin-top:130px}.lp-top-announcement{background:linear-gradient(90deg,#0369a1,#0284c7,#0ea5e9);color:#fff;padding:8px 16px;text-align:center;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:12px}.lp-announcement-badge{background:#fff3;padding:2px 8px;border-radius:12px;font-size:11.5px;font-weight:700;letter-spacing:.5px}.lp-announcement-link{color:#fff;text-decoration:underline;font-weight:600;cursor:pointer}.lp-navbar{position:relative;background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--lp-border);transition:all .25s ease}.lp-nav-container{max-width:1240px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.lp-logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer}.lp-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#0284c7,#0369a1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:900;box-shadow:0 4px 12px #0284c759}.lp-logo-text{display:flex;flex-direction:column}.lp-logo-title{font-size:20px;font-weight:800;color:var(--lp-text-dark);letter-spacing:-.5px}.lp-logo-title span{color:var(--lp-primary)}.lp-logo-tagline{font-size:11px;color:var(--lp-text-muted);font-weight:500;margin-top:-2px}.lp-nav-links{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.lp-nav-link{color:var(--lp-text-dark);text-decoration:none;font-size:14.5px;font-weight:500;transition:color .2s ease;cursor:pointer}.lp-nav-link:hover{color:var(--lp-primary)}.lp-nav-actions{display:flex;align-items:center;gap:14px}.lp-lang-btn{background:transparent;border:1px solid var(--lp-border);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--lp-text-dark);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.lp-lang-btn:hover{background:var(--lp-bg-light);border-color:#cbd5e1}.lp-btn-login{background:transparent;color:var(--lp-text-dark);border:1px solid transparent;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease}.lp-btn-login:hover{color:var(--lp-primary);background:var(--lp-primary-light)}.lp-btn-trial{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff!important;border:none;padding:9px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;box-shadow:0 4px 14px #0284c74d;transition:all .2s ease}.lp-btn-trial:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px);box-shadow:0 6px 18px #0284c766}.lp-mobile-menu-btn{display:none;background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--lp-text-dark)}.lp-hero-section{padding:64px 24px 80px;background:radial-gradient(circle at top right,#0284c714,#f8fafc99,#fff);position:relative}.lp-hero-container{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:56px}.lp-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:22px}.lp-hero-badge-dot{width:8px;height:8px;background:#16a34a;border-radius:50%;box-shadow:0 0 0 3px #16a34a33}.lp-hero-title{font-size:44px;font-weight:700;line-height:1.32;color:var(--lp-text-dark);margin:0 0 20px;letter-spacing:normal}.lp-hero-title span.highlight{background:linear-gradient(135deg,#0284c7,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lp-hero-subtitle{font-size:18px;color:var(--lp-text-muted);line-height:1.65;margin:0 0 32px;max-width:580px}.lp-hero-cta-group{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.lp-cta-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff!important;text-decoration:none;padding:14px 30px;border-radius:10px;font-size:16px;font-weight:700;box-shadow:0 6px 20px #0284c759;transition:all .25s ease;border:none;cursor:pointer}.lp-cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0284c773}.lp-cta-secondary{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--lp-text-dark)!important;text-decoration:none;padding:14px 24px;border-radius:10px;font-size:15.5px;font-weight:600;border:1px solid var(--lp-border);box-shadow:0 2px 6px #0000000a;transition:all .25s ease;cursor:pointer}.lp-cta-secondary:hover{background:var(--lp-bg-light);border-color:#cbd5e1}.lp-hero-trust-list{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:13.5px;color:#475569}.lp-trust-item{display:flex;align-items:center;gap:6px}.lp-trust-icon{color:#16a34a;font-weight:700}.lp-hero-visual{position:relative}.lp-mockup-card{background:#fff;border-radius:20px;border:1px solid var(--lp-border);box-shadow:0 24px 60px -15px #0f172a26;overflow:hidden;transition:transform .3s ease}.lp-mockup-card:hover{transform:translateY(-4px)}.lp-mockup-topbar{background:#0f172a;color:#fff;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.lp-mockup-dots{display:flex;gap:6px}.lp-mockup-dot{width:10px;height:10px;border-radius:50%}.lp-mockup-dot.red{background:#ef4444}.lp-mockup-dot.yellow{background:#f59e0b}.lp-mockup-dot.green{background:#10b981}.lp-mockup-url{background:#ffffff1a;padding:3px 14px;border-radius:12px;color:#cbd5e1;font-family:monospace;font-size:11px}.lp-mockup-content{padding:24px;background:#f8fafc}.lp-mockup-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.lp-mockup-metric{background:#fff;padding:16px;border-radius:12px;border:1px solid var(--lp-border)}.lp-metric-label{font-size:12px;color:var(--lp-text-muted);font-weight:500;margin-bottom:4px}.lp-metric-val{font-size:22px;font-weight:800;color:var(--lp-text-dark)}.lp-metric-growth{font-size:11.5px;color:#16a34a;font-weight:600;margin-top:4px}.lp-mockup-doc{background:#fff;border-radius:14px;border:1px solid var(--lp-border);padding:18px;box-shadow:0 4px 12px #00000008}.lp-doc-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:12px;margin-bottom:14px}.lp-doc-type{font-size:14px;font-weight:700;color:var(--lp-text-dark)}.lp-doc-status{background:#dcfce7;color:#15803d;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:12px}.lp-doc-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px;color:#475569}.lp-doc-total-row{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #f1f5f9;padding-top:12px;margin-top:12px}.lp-doc-total-label{font-size:13.5px;font-weight:600;color:var(--lp-text-dark)}.lp-doc-total-val{font-size:20px;font-weight:800;color:var(--lp-primary)}.lp-floating-badge{position:absolute;background:#fff;padding:10px 16px;border-radius:14px;box-shadow:0 14px 30px #0000001f;border:1px solid var(--lp-border);display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--lp-text-dark);animation:floatBounce 4s ease-in-out infinite}.lp-floating-badge.badge-top{top:-18px;left:-20px}.lp-floating-badge.badge-bottom{bottom:-20px;right:-15px;animation-delay:2s}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lp-section{padding:88px 24px;max-width:1240px;margin:0 auto}.lp-section.bg-light{background:var(--lp-bg-light);max-width:100%}.lp-section-inner{max-width:1240px;margin:0 auto}.lp-section-header{text-align:center;max-width:760px;margin:0 auto 48px}.lp-section-tag{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f0f9ff;border:1px solid #bae6fd;color:#0284c7;font-size:13.5px;font-weight:600;padding:6px 18px;border-radius:9999px;margin-bottom:18px;box-shadow:0 1px 3px #0284c714;letter-spacing:normal;line-height:1.4;transition:all .2s ease}.lp-section-tag:hover{background:#e0f2fe;border-color:#7dd3fc}.lp-tag-dot{width:7px;height:7px;border-radius:50%;background-color:#0284c7;box-shadow:0 0 0 3px #0284c733;display:inline-block;flex-shrink:0}.lp-section-title{font-size:32px;font-weight:700;color:var(--lp-text-dark);margin:0 0 14px;letter-spacing:normal;line-height:1.35}.lp-section-subtitle{font-size:16px;font-weight:400;color:var(--lp-text-muted);line-height:1.7;margin:0}.lp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px}.lp-feature-card{background:#fff;border:1px solid var(--lp-border);border-radius:18px;padding:32px 28px;box-shadow:var(--lp-card-shadow);transition:all .25s ease;position:relative;display:flex;flex-direction:column}.lp-feature-card:hover{transform:translateY(-5px);box-shadow:var(--lp-hover-shadow);border-color:#bae6fd}.lp-feature-icon-wrapper{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:22px}.icon-blue{background:#e0f2fe;color:#0284c7}.icon-purple{background:#f3e8ff;color:#9333ea}.icon-green{background:#dcfce7;color:#16a34a}.icon-amber{background:#fef3c7;color:#d97706}.icon-cyan{background:#cffafe;color:#0891b2}.icon-rose{background:#ffe4e6;color:#e11d48}.lp-feature-card h3{font-size:19px;font-weight:700;color:var(--lp-text-dark);margin:0 0 12px}.lp-feature-card p{font-size:14.5px;color:var(--lp-text-muted);line-height:1.65;margin:0 0 20px;flex-grow:1}.lp-feature-pills{display:flex;flex-wrap:wrap;gap:6px}.lp-feature-pill{background:#f1f5f9;color:#475569;font-size:12px;font-weight:600;padding:4px 10px;border-radius:8px}.lp-tab-nav{display:flex;justify-content:center;gap:10px;margin-bottom:40px;flex-wrap:wrap}.lp-tab-btn{background:#fff;border:1px solid var(--lp-border);padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;color:var(--lp-text-dark);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.lp-tab-btn.active{background:var(--lp-primary);border-color:var(--lp-primary);color:#fff;box-shadow:0 4px 14px #0284c74d}.lp-tab-content-card{background:#fff;border:1px solid var(--lp-border);border-radius:20px;box-shadow:var(--lp-card-shadow);padding:40px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:48px}.lp-tab-info h3{font-size:26px;font-weight:800;color:var(--lp-text-dark);margin:0 0 16px}.lp-tab-info p{font-size:15.5px;color:var(--lp-text-muted);line-height:1.7;margin:0 0 24px}.lp-tab-features-list{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:12px}.lp-tab-feature-item{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:#334155;font-weight:500}.lp-tab-feature-check{color:var(--lp-primary);font-weight:700;font-size:16px}.lp-tab-mockup{background:#f8fafc;border:1px solid var(--lp-border);border-radius:16px;padding:24px}.lp-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:960px;margin:0 auto}.lp-compare-box{border-radius:18px;padding:32px 28px}.lp-compare-old{background:#fff1f2;border:1px solid #fecdd3}.lp-compare-new{background:#f0fdf4;border:2px solid #86efac;box-shadow:0 12px 30px #16a34a1a}.lp-compare-title{font-size:20px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:8px}.lp-compare-old .lp-compare-title{color:#9f1239}.lp-compare-new .lp-compare-title{color:#166534}.lp-compare-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;font-size:14.5px}.lp-compare-old li{color:#881337}.lp-compare-new li{color:#14532d;font-weight:600}.lp-pricing-toggle-wrapper{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:48px;font-size:15px;font-weight:600}.lp-pricing-toggle{position:relative;width:54px;height:28px;background:#cbd5e1;border-radius:14px;cursor:pointer;transition:background .2s}.lp-pricing-toggle.yearly{background:var(--lp-primary)}.lp-toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .2s}.lp-pricing-toggle.yearly .lp-toggle-thumb{transform:translate(26px)}.lp-save-badge{background:#dcfce7;color:#15803d;font-size:12px;font-weight:700;padding:3px 8px;border-radius:12px}.lp-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.lp-price-card{background:#fff;border:1px solid var(--lp-border);border-radius:18px;padding:32px 24px;display:flex;flex-direction:column;position:relative;transition:all .25s ease}.lp-price-card:hover{transform:translateY(-4px);box-shadow:var(--lp-hover-shadow)}.lp-price-card.featured{border-color:var(--lp-primary);border-width:2px;box-shadow:0 16px 40px #0284c729}.lp-popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.lp-price-title{font-size:20px;font-weight:700;margin:0 0 6px}.lp-price-desc{font-size:13px;color:var(--lp-text-muted);margin:0 0 20px;min-height:38px}.lp-price-figure{font-size:36px;font-weight:800;color:var(--lp-text-dark);margin-bottom:20px;display:flex;align-items:baseline;gap:4px}.lp-price-figure span{font-size:14px;color:var(--lp-text-muted);font-weight:500}.lp-price-features{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:12px;font-size:13.5px;flex-grow:1}.lp-price-feature-item{display:flex;align-items:center;gap:8px;color:#334155}.lp-btn-price{width:100%;padding:12px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:all .2s;display:block;border:1px solid var(--lp-border);background:#fff;color:var(--lp-text-dark)}.lp-price-card.featured .lp-btn-price{background:var(--lp-primary);color:#fff;border-color:var(--lp-primary);box-shadow:0 4px 12px #0284c74d}.lp-btn-price:hover{background:var(--lp-primary);color:#fff;border-color:var(--lp-primary)}.lp-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lp-testimonial-card{background:#fff;border:1px solid var(--lp-border);border-radius:18px;padding:28px;box-shadow:var(--lp-card-shadow);display:flex;flex-direction:column;justify-content:space-between}.lp-testimonial-stars{color:#f59e0b;font-size:16px;margin-bottom:14px}.lp-testimonial-quote{font-size:14.5px;color:#334155;line-height:1.65;font-style:italic;margin:0 0 20px}.lp-testimonial-user{display:flex;align-items:center;gap:12px}.lp-user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#06b6d4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.lp-user-name{font-size:14px;font-weight:700;color:var(--lp-text-dark)}.lp-user-role{font-size:12px;color:var(--lp-text-muted)}.lp-faq-container{max-width:820px;margin:0 auto}.lp-faq-item{background:#fff;border:1px solid var(--lp-border);border-radius:12px;margin-bottom:14px;overflow:hidden;transition:all .2s}.lp-faq-question{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:16px;font-weight:600;color:var(--lp-text-dark);-webkit-user-select:none;user-select:none}.lp-faq-icon{font-size:18px;transition:transform .2s}.lp-faq-item.open .lp-faq-icon{transform:rotate(180deg)}.lp-faq-answer{padding:0 22px 18px;font-size:14.5px;color:var(--lp-text-muted);line-height:1.65}.lp-bottom-cta{background:linear-gradient(135deg,#0f172a,#0284c7);color:#fff;padding:72px 24px;text-align:center}.lp-bottom-cta h2{font-size:34px;font-weight:700;line-height:1.35;margin:0 0 16px;letter-spacing:normal}.lp-bottom-cta p{font-size:18px;opacity:.92;max-width:620px;margin:0 auto 36px}.lp-bottom-cta-btns{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.lp-cta-white{background:#fff;color:#0284c7!important;padding:14px 34px;border-radius:10px;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 6px 20px #0003;transition:all .25s ease}.lp-cta-white:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000040}.lp-cta-outline-white{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.5);padding:14px 28px;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s ease}.lp-cta-outline-white:hover{background:#ffffff26;border-color:#fff}.lp-footer{background:#0b1120;color:#94a3b8;padding:64px 24px 32px;font-size:14px}.lp-footer-grid{max-width:1240px;margin:0 auto 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}.lp-footer-brand h4{font-size:20px;font-weight:800;color:#fff;margin:0 0 12px}.lp-footer-brand h4 span{color:var(--lp-primary)}.lp-footer-brand p{line-height:1.6;margin-bottom:20px;max-width:320px}.lp-footer-col h5{color:#fff;font-size:15px;font-weight:700;margin:0 0 18px}.lp-footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.lp-footer-link{color:#94a3b8;text-decoration:none;transition:color .2s;cursor:pointer}.lp-footer-link:hover{color:#fff}.lp-footer-bottom{max-width:1240px;margin:0 auto;border-top:1px solid rgba(255,255,255,.08);padding-top:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:13px}@media (max-width: 1024px){.lp-hero-container{grid-template-columns:1fr;gap:40px;text-align:center}.lp-hero-subtitle{margin-left:auto;margin-right:auto}.lp-hero-cta-group,.lp-hero-trust-list{justify-content:center}.lp-tab-content-card{grid-template-columns:1fr;gap:32px}.lp-pricing-grid{grid-template-columns:repeat(2,1fr)}.lp-testimonials-grid{grid-template-columns:1fr}.lp-footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.lp-nav-links{display:none}.lp-mobile-menu-btn{display:block}.lp-hero-title{font-size:32px}.lp-section-title{font-size:26px}.lp-features-grid,.lp-comparison-grid,.lp-pricing-grid,.lp-footer-grid{grid-template-columns:1fr}.lp-floating-badge{display:none}}:root{--primary-color: #0099cc;--secondary-color: #00bfff;--dark-bg: #1a1a2e;--sidebar-bg: #16213e;--text-color: #ffffff;--border-color: #00a8cc;--hover-color: #005a8b;--light-bg: #f5f5f5}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.main-content.full-width{flex:1}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100;flex-shrink:0}.page-header-right{display:flex;align-items:center;gap:15px}.no-company-warning{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;font-size:13px;color:#856404;white-space:nowrap}.no-company-warning .warning-icon{font-size:14px}.content{padding:30px;background-color:var(--light-bg)}.content.full-width{padding:0}#content-area{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 5px #0000000d}#content-area.full-width{background-color:transparent;border-radius:0;padding:0;box-shadow:none;min-height:auto}@media print{.sidebar,.app-sidebar,.header,.page-header-right,.no-company-warning,.reports-header,.report-filters,.report-tabs,.acc-header-row,.acc-filter-bar,.acc-actions,.acc-subtabs,.accounting-module-bar,.btn-acc-refresh,.btn-acc-primary,.btn-acc-secondary,.btn-clear-filter,.acc-search-input,.no-print{display:none!important}.container,.main-content{display:block!important;height:auto!important;overflow:visible!important}.content,#content-area{margin-left:0!important;padding:0!important;background:#fff!important;box-shadow:none!important;border:none!important}}.no-company-blocked-container{display:flex;justify-content:center;align-items:center;min-height:480px;padding:40px 20px}.no-company-blocked-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:48px 40px;max-width:580px;text-align:center;box-shadow:0 10px 30px #0000000d}.no-company-card-icon{font-size:64px;margin-bottom:20px;line-height:1}.no-company-blocked-card h2{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 14px}.no-company-blocked-card p{font-size:15px;color:#64748b;line-height:1.6;margin:0 0 28px}.no-company-card-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.no-company-card-actions .btn-primary-action{padding:12px 24px;font-size:15px;font-weight:600;border-radius:8px;background:#2563eb;color:#fff;border:none;cursor:pointer;transition:background .2s,transform .2s;display:inline-flex;align-items:center;gap:8px}.no-company-card-actions .btn-primary-action:hover{background:#1d4ed8;transform:translateY(-1px)}.no-company-card-actions .btn-secondary-action{padding:12px 22px;font-size:15px;font-weight:600;border-radius:8px;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;gap:8px}.no-company-card-actions .btn-secondary-action:hover{background:#e2e8f0}@font-face{font-family:CSChatThai;src:url(/assets/CSChatThai-C4-3RMfx.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CSChatThai;src:url(/assets/CSChatThai-Bold-t_ewP28P.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CSChatThai;src:url(/assets/CSChatThai-Light-DeqKyJEN.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:CSChatThaiUI;src:url(/assets/CSChatThaiUI-Ci-rUIEN.otf) format("opentype"),url(/assets/CSChatThaiUI-ItNRwU8J.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CSChatThaiUI;src:url(/assets/CSChatThaiUI-Bold-C7hYpxjL.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CSChatThaiUI;src:url(/assets/CSChatThaiUI-Light-j71AHCNf.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--app-primary-color: #0099cc;--app-secondary-color: #00bfff;--app-dark-bg: #1a1a2e;--app-border-color: #00a8cc;--light-bg: #f5f5f5}body{font-family:Sarabun,CSChatThaiUI,CSChatThai,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--light-bg);color:#333}textarea{font-family:Sarabun,CSChatThaiUI,CSChatThai,Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}.container{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a}.header-left{display:flex;align-items:center;gap:15px}#page-title{font-size:22px;color:#333;font-weight:600}.header-right{display:flex;align-items:center;gap:15px}.user-info{font-size:14px;color:#666}.content{flex:1;overflow-y:auto;padding:30px;background-color:var(--light-bg)}#content-area{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 5px #0000000d;min-height:100%}.page-content{width:100%}.welcome-container{text-align:center;padding:60px 20px}.welcome-container h2{font-size:24px;color:#333;margin-bottom:10px}.welcome-container p{font-size:16px;color:#999}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:20px}table thead{background-color:var(--primary-color);color:#fff}table th{padding:12px;text-align:left;font-weight:600;font-size:13px}table td{padding:12px;border-bottom:1px solid #e0e0e0;font-size:13px}table tbody tr:hover{background-color:#f9f9f9}.btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--secondary-color);box-shadow:0 2px 5px #0098cc4d}.btn-secondary{background-color:#666;color:#fff}.btn-secondary:hover{background-color:#555}.button-group{margin-bottom:20px;display:flex;gap:10px}.loading,.error{padding:20px;text-align:center;font-size:16px}.error{color:#d32f2f;background-color:#ffebee;border-radius:4px}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.content::-webkit-scrollbar-thumb:hover{background:#0006}@media (max-width: 768px){.container{flex-direction:column}.sidebar{max-height:0;overflow:hidden}.sidebar.show{max-height:500px}.header{padding:15px}#page-title{font-size:18px}.content,#content-area{padding:15px}}