@import "https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--primary:#d3b38c;--secondary:#c19b6c;--secondary-hover:#b0895a;--dark:#4a4036;--dark-light:#6e6052;--light:#fef8f1;--white:#fff;--border:#eedecb;--border-light:#f7ede2;--danger:#e3342f;--danger-light:#fdf2f2;--success:#28a745;--success-light:#eef9f0;--info:#17a2b8;--info-light:#e6f6f8;--warning:#ff9800;--warning-light:#fff5e6;--shadow-sm:0 4px 6px -1px #4a40360d, 0 2px 4px -1px #4a403608;--shadow-md:0 10px 15px -3px #4a403614, 0 4px 6px -2px #4a40360a;--shadow-lg:0 20px 25px -5px #4a40361a, 0 10px 10px -5px #4a40360a;--font-family:"Kanit", sans-serif;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--light);color:var(--dark);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}button,input,select,textarea{font-family:var(--font-family)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.app-container{min-height:100vh;display:flex;position:relative}.sidebar{background:var(--white);border-right:1px solid var(--border);width:260px;height:100vh;transition:var(--transition);z-index:100;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:sticky;top:0}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.5rem 1.25rem;display:flex}.sidebar.collapsed .sidebar-header{flex-direction:column;justify-content:center;gap:.75rem;padding:1rem .5rem}.brand{color:var(--dark);white-space:nowrap;transition:var(--transition);align-items:center;gap:.75rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));width:38px;height:38px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #c19b6c4d}.brand-text{transition:var(--transition)}.sidebar.collapsed .brand-text{display:none}.toggle-sidebar-btn{background-color:var(--white);border:1px solid var(--border);width:28px;height:28px;color:var(--dark-light);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);z-index:105;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:25px;right:-14px}.toggle-sidebar-btn:hover{background-color:var(--light);color:var(--secondary);box-shadow:var(--shadow-md);transform:scale(1.1)}.sidebar.collapsed .toggle-sidebar-btn{justify-content:center;align-items:center;display:flex;position:absolute;top:25px;right:-14px}.sidebar-menu{flex:1;padding:1rem .75rem;list-style:none;overflow-y:auto}.sidebar.collapsed .sidebar-menu{padding:1rem .5rem}.menu-item{margin-bottom:.25rem}.menu-link{color:var(--dark-light);border-radius:var(--radius-md);transition:var(--transition);cursor:pointer;align-items:center;gap:1rem;padding:.8rem 1rem;font-weight:500;text-decoration:none;display:flex}.sidebar.collapsed .menu-link{justify-content:center;gap:0;padding:.8rem 0}.menu-link:hover,.menu-item.active .menu-link{background-color:var(--light);color:var(--secondary)}.menu-item.active .menu-link{border-left:4px solid var(--secondary);background-color:#eedecb40;border-top-left-radius:0;border-bottom-left-radius:0;font-weight:600}.menu-text{white-space:nowrap;font-size:.95rem}.sidebar.collapsed .menu-text{display:none}.sidebar-user{border-top:1px solid var(--border-light);background:var(--light);border-radius:var(--radius-lg);transition:var(--transition);flex-direction:column;gap:.75rem;margin:.75rem;padding:1rem;display:flex}.sidebar.collapsed .sidebar-user{background:0 0;border-top:none;align-items:center;margin:.5rem;padding:.5rem}.user-info{align-items:center;gap:.75rem;display:flex}.user-avatar{background-color:var(--secondary);width:40px;height:40px;color:var(--white);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.user-details{flex-direction:column;display:flex}.sidebar.collapsed .user-details{display:none}.user-name{color:var(--dark);font-size:.9rem;font-weight:600}.user-role{color:var(--dark-light);font-size:.75rem}.logout-btn{background:var(--white);border:1px solid var(--border);width:100%;color:var(--danger);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.85rem;font-weight:600;display:flex}.logout-btn:hover{background:var(--danger-light)}.sidebar.collapsed .logout-btn{border-radius:50%;width:40px;height:40px;padding:0}.sidebar.collapsed .logout-btn span{display:none}.collapsed-toggle-container{z-index:101;display:none;position:absolute;top:20px;left:80px}.sidebar.collapsed+.collapsed-toggle-container{display:block}.main-content{background-color:var(--light);flex-direction:column;flex:1;gap:2rem;height:100vh;padding:2rem;display:flex;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.page-title{color:var(--dark);align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;display:flex}.page-actions{align-items:center;gap:.75rem;display:flex}.card-2xl{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:1.5rem}.card-3xl{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light);padding:2rem}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--primary);color:var(--dark);border-color:var(--primary)}.btn-primary:hover{background-color:var(--secondary);border-color:var(--secondary);color:var(--white)}.btn-secondary{background-color:var(--secondary);color:var(--white);border-color:var(--secondary)}.btn-secondary:hover{background-color:var(--secondary-hover);border-color:var(--secondary-hover)}.btn-danger{background-color:var(--danger);color:var(--white);border-color:var(--danger)}.btn-danger:hover{background-color:#c92a2a;border-color:#c92a2a}.btn-light{background-color:var(--white);color:var(--dark);border-color:var(--border)}.btn-light:hover{background-color:var(--light)}.btn-link{color:var(--secondary);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.btn-icon-only{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.form-group{margin-bottom:1.25rem}.form-label{color:var(--dark);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-control{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--white);width:100%;color:var(--dark);transition:var(--transition);padding:.625rem .875rem;font-size:.95rem}.form-control:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 3px #c19b6c26}.form-control::placeholder{color:#a89f95}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.badge{white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-danger{background-color:var(--danger-light);color:var(--danger)}.badge-info{background-color:var(--info-light);color:var(--info)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.badge-secondary{color:var(--dark-light);background-color:#eedecb50}.table-container{border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--white);margin-bottom:1rem;overflow-x:auto}.hdh-table{border-collapse:collapse;text-align:left;width:100%}.hdh-table th{background-color:var(--light);color:var(--dark);border-bottom:1px solid var(--border);padding:.875rem 1rem;font-size:.9rem;font-weight:600}.hdh-table td{color:var(--dark);border-bottom:1px solid var(--border-light);padding:1rem;font-size:.95rem}.hdh-table tbody tr:last-child td{border-bottom:none}.hdh-table tbody tr:hover{background-color:var(--light)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";background:linear-gradient(to bottom, var(--primary), var(--secondary));width:4px;height:100%;position:absolute;top:0;left:0}.stat-title{color:var(--dark-light);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.stat-value{color:var(--dark);margin-top:.5rem;font-size:1.75rem;font-weight:700}.gender-ratio{margin-top:.75rem}.gender-label-group{justify-content:space-between;margin-bottom:.25rem;font-size:.8rem;display:flex}.gender-bar-container{background-color:var(--border-light);border-radius:9999px;height:8px;display:flex;overflow:hidden}.gender-bar-male{background-color:var(--info);height:100%;transition:var(--transition)}.gender-bar-female{background-color:var(--secondary);height:100%;transition:var(--transition)}.dashboard-sections{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.dashboard-sections{grid-template-columns:1fr}}.search-filter-bar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-input-wrapper{flex:1;min-width:250px;position:relative}.search-icon{color:var(--dark-light);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input-wrapper .form-control{padding-left:2.25rem}.toggle-filter-group{background:var(--light);border-radius:var(--radius-md);border:1px solid var(--border);gap:.5rem;padding:.25rem;display:flex}.toggle-filter-btn{border-radius:var(--radius-sm);color:var(--dark-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.toggle-filter-btn.active{background-color:var(--white);color:var(--secondary);box-shadow:var(--shadow-sm)}.patient-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.multi-select-toggles{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.toggle-checkbox-btn{cursor:pointer}.toggle-checkbox-btn input{display:none}.toggle-checkbox-label{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--white);color:var(--dark-light);transition:var(--transition);-webkit-user-select:none;user-select:none;align-items:center;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex}.toggle-checkbox-btn input:checked+.toggle-checkbox-label{color:var(--dark);border-color:var(--secondary);background-color:#eedecb70;font-weight:600}.time-slot-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.time-slot-btn{border:1px solid var(--border);background-color:var(--white);border-radius:var(--radius-md);text-align:center;color:var(--dark);cursor:pointer;transition:var(--transition);padding:.75rem .5rem;font-size:.85rem;font-weight:500}.time-slot-btn:hover:not(:disabled){border-color:var(--secondary);background-color:var(--light)}.time-slot-btn.selected{background-color:var(--secondary);color:var(--white);border-color:var(--secondary)}.time-slot-btn:disabled{color:#b0b0b0;cursor:not-allowed;opacity:.6;background-color:#f3f3f3;border-color:#e3e3e3}.assessment-section-title{color:var(--dark);border-bottom:2px solid var(--border-light);margin-bottom:1rem;padding-bottom:.25rem;font-size:1.1rem;font-weight:600}.development-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=768px){.development-grid{grid-template-columns:repeat(2,1fr)}}.sensory-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=768px){.sensory-grid{grid-template-columns:1fr}}.snap-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}@media (width<=768px){.snap-grid{grid-template-columns:1fr}}.course-summary-box{background:linear-gradient(135deg, var(--light), #f4ebdd);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;justify-content:space-around;align-items:center;margin-bottom:1.5rem;padding:1.25rem;display:flex}.course-metric-val{color:var(--dark);font-size:1.5rem;font-weight:700}.pos-layout{grid-template-columns:1.5fr 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=1024px){.pos-layout{grid-template-columns:1fr}}.cart-item{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.cart-item-name{font-size:.95rem;font-weight:500}.cart-item-price{color:var(--dark-light);font-size:.9rem}.cart-qty-ctrl{align-items:center;gap:.5rem;display:flex}.cart-qty-btn{border:1px solid var(--border);background:var(--white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.cart-summary-line{justify-content:space-between;margin-bottom:.5rem;font-size:.95rem;display:flex}.cart-summary-total{border-top:2px dashed var(--border);color:var(--secondary);justify-content:space-between;margin-top:1rem;padding-top:1rem;font-size:1.25rem;font-weight:700;display:flex}.bank-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.bank-card{border-radius:var(--radius-lg);color:var(--white);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;height:140px;padding:1.25rem;display:flex;position:relative;overflow:hidden}.bank-kbank{background:linear-gradient(135deg,#13803a,#005a20)}.bank-scb{background:linear-gradient(135deg,#4e2e80,#331d58)}.bank-ktb{background:linear-gradient(135deg,#00a1e0,#0077ab)}.bank-bbl{background:linear-gradient(135deg,#1e3a8a,#0f172a)}.bank-tmb{background:linear-gradient(135deg,#0056b3,#036)}.bank-gsb{background:linear-gradient(135deg,#ec4899,#be185d)}.bank-default{background:linear-gradient(135deg,#78350f,#451a03)}.bank-name-label{text-transform:uppercase;font-size:1.1rem;font-weight:700}.bank-no{letter-spacing:1.5px;margin:.5rem 0;font-family:monospace;font-size:1.2rem}.bank-holder{opacity:.9;font-size:.85rem}.settings-menu{border-right:1px solid var(--border);flex-direction:column;display:flex}.settings-link{color:var(--dark-light);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;font-weight:500;display:flex}.settings-link:hover,.settings-link.active{background-color:var(--light);color:var(--secondary)}.settings-link.active{font-weight:600}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#4a403680;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content-wrapper{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:700px;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--border);flex-direction:column;display:flex;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.close-modal-btn{cursor:pointer;color:var(--dark-light);background:0 0;border:none;align-items:center;display:flex}.close-modal-btn:hover{color:var(--danger)}.login-container{background-color:var(--light);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{text-align:center;width:100%;max-width:420px}.login-logo{background:linear-gradient(135deg, var(--primary), var(--secondary));width:80px;height:80px;color:var(--white);box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2.2rem;display:flex}.login-subtitle{color:var(--dark-light);margin-bottom:2rem;font-size:.95rem}.login-quick-roles{border-top:1px solid var(--border-light);margin-top:1.5rem;padding-top:1.5rem}.login-quick-roles-title{color:var(--dark-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.8rem}.login-role-buttons{justify-content:center;gap:.5rem;display:flex}#pdf-preview-overlay{z-index:2000;background-color:#000000bf;flex-direction:column;align-items:center;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.pdf-preview-toolbar{color:#fff;z-index:2001;background:#333;border-radius:9999px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0000004d}.pdf-preview-toolbar .btn{padding:.4rem 1rem;font-size:.85rem}.a4-document{background:var(--white);box-sizing:border-box;width:210mm;min-height:297mm;padding:20mm 15mm;font-size:13px;line-height:1.4;position:relative;box-shadow:0 8px 30px #00000080;color:#000!important;font-family:Kanit,sans-serif!important}.a4-header{border-bottom:2px solid #333;justify-content:space-between;margin-bottom:20px;padding-bottom:10px;display:flex}.a4-header-left{align-items:center;gap:15px;width:65%;display:flex}.a4-logo-circle{border:2px solid #333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:65px;display:flex;overflow:hidden}.a4-logo-circle img{object-fit:cover;width:100%;height:100%}.a4-clinic-details{flex-direction:column;display:flex}.a4-clinic-name{margin-bottom:2px;font-size:1.25rem;font-weight:700}.a4-clinic-subtitle{color:#333;margin-bottom:4px;font-size:.85rem}.a4-clinic-subtext{color:#555;font-size:.75rem;line-height:1.3}.a4-header-right{text-align:right;flex-direction:column;align-items:flex-end;width:35%;display:flex}.a4-doc-type-th{color:#000;margin-bottom:2px;font-size:1.35rem;font-weight:700}.a4-doc-type-en{text-transform:uppercase;color:#555;margin-bottom:8px;font-size:.85rem}.a4-doc-meta{grid-template-columns:auto auto;gap:3px 10px;font-size:.8rem;display:grid}.a4-doc-meta-label{color:#333;font-weight:600}.a4-doc-meta-value{color:#000}.a4-patient-section{background-color:#fcfcfc;border:1px solid #ddd;border-radius:6px;grid-template-columns:1fr 1fr;gap:12px 20px;margin-bottom:20px;padding:15px;display:grid}.a4-data-item{font-size:13px;display:flex}.a4-data-label{color:#333;flex-shrink:0;width:120px;font-weight:600}.a4-data-value{color:#000;border-bottom:1px dotted #ccc;flex:1}.a4-table-title{border-bottom:1px solid #333;margin:20px 0 10px;padding-bottom:3px;font-size:14px;font-weight:700}.a4-table{border-collapse:collapse;width:100%;margin-bottom:20px}.a4-table th{text-align:left;background-color:#f2f2f2;border:1px solid #ccc;padding:8px;font-size:12px;font-weight:600}.a4-table td{vertical-align:top;border:1px solid #ccc;padding:8px;font-size:12px}.a4-text-area-box{background-color:#fff;border:1px solid #ccc;border-radius:4px;min-height:60px;margin-bottom:15px;padding:10px;font-size:12px}.a4-receipt-table th{text-align:center}.a4-receipt-table th:nth-child(2){text-align:left}.a4-receipt-table td:first-child,.a4-receipt-table td:nth-child(3),.a4-receipt-table td:nth-child(4){text-align:center}.a4-receipt-table td:nth-child(5){text-align:right;padding-right:15px}.a4-receipt-summary{grid-template-columns:1fr 1.2fr;gap:20px;margin-top:15px;display:grid}.a4-receipt-summary-left{color:#555;border:1px solid #eee;border-radius:4px;padding:10px;font-size:11px;line-height:1.5}.a4-receipt-summary-right{flex-direction:column;align-items:flex-end;display:flex}.a4-summary-row{justify-content:space-between;width:100%;margin-bottom:4px;font-size:12px;display:flex}.a4-summary-row-label{color:#333;font-weight:600}.a4-summary-row-val{padding-right:15px;font-weight:600}.a4-summary-row.total-row{border-top:2px solid #333;border-bottom:2px double #333;margin-top:6px;padding:6px 0;font-size:15px;font-weight:700}.a4-summary-row.total-row .a4-summary-row-val{color:var(--secondary)}.a4-receipt-signatures{text-align:center;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;display:grid}.a4-sig-line-container{flex-direction:column;align-items:center;display:flex;position:relative}.a4-sig-stamp{opacity:.15;pointer-events:none;width:80px;height:80px;position:absolute;top:-20px}.a4-sig-line{border-bottom:1px solid #333;width:200px;height:40px;margin-bottom:5px}.a4-sig-label{color:#333;font-size:11px}.void-watermark{color:#e3342f;text-align:center;opacity:.25;pointer-events:none;z-index:100;letter-spacing:5px;border:10px solid #e3342f;border-radius:15px;padding:20px;font-size:60px;font-weight:900;position:absolute;top:40%;left:10%;right:10%;transform:rotate(-25deg)}@page repeating_header_page{size:A4;margin-top:15mm;margin-bottom:15mm;margin-left:15mm;margin-right:15mm}@page opd_page{size:A4;margin:0}@media print{html,body,#root,.app-container{background:#fff!important;height:auto!important;min-height:auto!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}.app-container{display:block!important}.sidebar,.main-content,.pdf-preview-toolbar,.modal-overlay,.mobile-navbar,.sidebar-backdrop,#pdf-preview-overlay>:not(.a4-document):not(#printable-a4-area){display:none!important}#printable-a4-area{width:100%!important;height:auto!important;display:block!important}#pdf-preview-overlay{background:0 0!important;width:100%!important;height:auto!important;min-height:297mm!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important;overflow:visible!important}.a4-document{page-break-after:always;box-shadow:none!important;width:210mm!important;height:auto!important;min-height:297mm!important;margin:0!important;padding:0!important}.repeating-header-doc{page:repeating_header_page;width:100%!important;height:auto!important;min-height:297mm!important;margin:0!important;padding:0!important}.print-layout-table{border-collapse:collapse;border:none;width:100%;margin:0;padding:0}.print-layout-table>thead>tr>td,.print-layout-table>tbody>tr>td{border:none;margin:0;padding:0}.print-layout-table>thead{display:table-header-group}.print-avoid-break,.a4-receipt-signatures{page-break-inside:avoid!important;break-inside:avoid!important}.opd-doc{page:opd_page;box-sizing:border-box!important;width:210mm!important;height:auto!important;min-height:297mm!important;margin:0!important;padding:30px 40px 20px!important}}.sidebar-section{margin-bottom:.25rem}.sidebar-section-header{color:var(--dark-light);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-top:.75rem;margin-bottom:.25rem;padding:.5rem .75rem;display:flex}.sidebar-section-header:hover{background-color:var(--light)}.sidebar-section-header:hover .sidebar-section-title{color:var(--secondary-hover)}.sidebar-section-title{letter-spacing:.03em;color:#b0895a;white-space:nowrap;transition:var(--transition);font-size:.78rem;font-weight:700}.sidebar-section-chevron{color:#b0895a;justify-content:center;align-items:center;transition:transform .2s;display:flex}.sidebar-section-chevron.collapsed{transform:rotate(-90deg)}.sidebar-section-menu{margin:0;padding:0;list-style:none}.sidebar-section-divider{background:linear-gradient(90deg, transparent, var(--border), transparent);height:2px;margin:.75rem .25rem}.salary-rule-container{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.salary-rule-section{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem}.salary-rule-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.salary-rule-title-earn{color:var(--success);font-size:1.05rem;font-weight:700}.salary-rule-title-deduct{color:var(--danger);font-size:1.05rem;font-weight:700}.salary-rule-row{background:var(--light);border-radius:var(--radius-md);border:1px solid var(--border-light);align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;animation:.2s fadeIn;display:flex}.salary-rule-row .form-control{background-color:var(--white)}.salary-calc-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:.5rem;display:grid}.salary-calc-col-title{color:#b0895a;border-bottom:1px solid var(--border-light);margin-bottom:.75rem;padding-bottom:.25rem;font-size:1rem;font-weight:700}.salary-calc-item{border-bottom:1px dotted var(--border-light);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;display:flex}.salary-calc-input-wrapper{align-items:center;gap:.4rem;display:flex}.salary-calc-input-wrapper input{text-align:center;width:75px;padding:.25rem .5rem;font-size:.85rem}.salary-special-list{flex-direction:column;gap:.4rem;margin-top:.5rem;display:flex}.salary-special-row{align-items:center;gap:.4rem;display:flex}.salary-special-row input{padding:.25rem .5rem;font-size:.85rem}.salary-total-row{justify-content:space-between;margin-top:.5rem;padding-top:.75rem;font-size:.95rem;font-weight:700;display:flex}.salary-net-box{background:var(--light);border:1.5px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1rem;display:flex;box-shadow:inset 0 2px 4px #00000005}.salary-net-title{color:var(--dark);font-size:1.1rem;font-weight:700}.salary-net-value{color:var(--success);font-size:1.5rem;font-weight:800}.a4-payslip-table{border-collapse:collapse;border:1px solid #000;width:100%;margin:15px 0}.a4-payslip-table th,.a4-payslip-table td{border:1px solid #000;padding:6px 10px;font-size:12px}.a4-payslip-table th{text-align:center;background-color:#f5f5f5;font-weight:700}.a4-payslip-grid{border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;grid-template-columns:1fr 1fr;gap:0;display:grid}.a4-payslip-col{flex-direction:column;min-height:180px;display:flex}.a4-payslip-col:first-child{border-right:1px solid #000}.a4-payslip-row-item{justify-content:space-between;padding:4px 10px;font-size:11.5px;display:flex}.a4-payslip-summary-box{background-color:#fcfcfc;border:1px solid #000;justify-content:space-between;margin-top:-1px;padding:8px 15px;font-size:13px;font-weight:700;display:flex}@page referral_page{size:A4;margin:20mm 15mm;@bottom-right{content:counter(page) "/" counter(pages);font-family:Sarabun,sans-serif;font-size:10pt;color:#666}}.referral-doc-print{page:referral_page;page-break-after:always}@media print{.referral-doc-print{box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important}}@media (width<=768px){.app-container{min-height:100vh;flex-direction:column!important}.mobile-navbar{background-color:var(--white);border-bottom:1px solid var(--border);z-index:1100;height:60px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:.75rem 1rem;position:fixed;top:0;left:0;right:0;display:flex!important}.mobile-navbar-left{align-items:center;gap:.75rem;display:flex}.mobile-brand-title{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:1rem;font-weight:700;overflow:hidden}.mobile-brand-logo{border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.hamburger-btn{cursor:pointer;color:var(--dark);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.main-content{min-height:calc(100vh - 60px);gap:1.25rem!important;height:auto!important;padding:calc(60px + 1rem) 1rem 1rem!important;overflow-y:visible!important}.sidebar{z-index:1200!important;width:280px!important;height:100vh!important;box-shadow:var(--shadow-lg)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-100%)!important}.sidebar.mobile-open{transform:translate(0)!important}.sidebar.collapsed{width:280px!important}.sidebar .toggle-sidebar-btn{display:none!important}.sidebar.collapsed .brand-text,.sidebar.collapsed .sidebar-section-title,.sidebar.collapsed .sidebar-section-chevron,.sidebar.collapsed .menu-text,.sidebar.collapsed .user-details,.sidebar.collapsed .logout-btn span{display:inline-block!important}.sidebar-backdrop{z-index:1150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;position:fixed;inset:0}.grid-2,.grid-3,.grid-4,.form-grid,.pos-layout,.dashboard-sections,[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 2fr 1fr"],[style*="grid-template-columns: 1.5fr 1fr"]{grid-template-columns:1fr!important;gap:1rem!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;margin-bottom:.75rem!important}.page-header .btn,.page-header .button-group,.page-header .search-filter-bar{width:100%!important}.table-container,.table-responsive,[class*=table-]{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);max-width:100%;overflow-x:auto!important}.modal-overlay{padding:0!important}.modal-content-wrapper{border:none!important;border-radius:0!important;max-width:100%!important;height:100vh!important;max-height:100vh!important}.form-row{flex-direction:column!important;gap:1rem!important}.form-group{width:100%!important}.stats-grid{grid-template-columns:1fr!important}.card{padding:1rem!important}}@media print{.mobile-navbar,.sidebar-backdrop,.user-avatar,.sidebar-user,.sidebar-footer,.user-profile,.profile-section,.avatar-container,[class*=avatar],[class*=profile] img{display:none!important}}