@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(198,124,50,.4)}70%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(198,124,50,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(198,124,50,0)}}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;color:#212529;background-color:#f8f9fa}a{text-decoration:none;color:inherit;transition:color .2s}ol,ul{list-style:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;text-align:center;cursor:pointer;transition:all .2s;border:1px solid transparent;line-height:1.5}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background-color:#c67c32;color:#fff;border-color:#c67c32}.btn.btn-primary:hover:not(:disabled){background-color:#9d6328;border-color:#9d6328}.btn.btn-secondary{background-color:#6c757d;color:#fff;border-color:#6c757d}.btn.btn-secondary:hover:not(:disabled){background-color:#545b62;border-color:#545b62}.btn.btn-success{background-color:#28a745;color:#fff;border-color:#28a745}.btn.btn-success:hover:not(:disabled){background-color:#1e7e34;border-color:#1e7e34}.btn.btn-danger{background-color:#dc3545;color:#fff;border-color:#dc3545}.btn.btn-danger:hover:not(:disabled){background-color:#bd2130;border-color:#bd2130}.btn.btn-info{background-color:#17a2b8;color:#fff;border-color:#17a2b8}.btn.btn-info:hover:not(:disabled){background-color:#117a8b;border-color:#117a8b}.btn.btn-warning{background-color:#ffc107;color:#212529;border-color:#ffc107}.btn.btn-warning:hover:not(:disabled){background-color:#d39e00;border-color:#d39e00}.btn.btn-outline{background:transparent;border:1px solid #c67c32;color:#c67c32}.btn.btn-outline:hover:not(:disabled){background:#c67c32;color:#fff}.btn.btn-link{background:transparent;border:none;color:#c67c32;padding:8px 12px}.btn.btn-link:hover:not(:disabled){color:#9d6328;text-decoration:underline}.btn.btn-sm{padding:6px 12px;font-size:12px}.btn.btn-lg{padding:14px 28px;font-size:16px}.btn i{font-size:inherit}.btn-link{background:none;border:none;color:#c67c32;cursor:pointer;font-size:14px;font-weight:500;transition:color .2s;display:inline-flex;align-items:center;gap:8px}.btn-link:hover{color:#9d6328}.btn-link i{font-size:14px}.btn.btn-status-khoi_tao_hs{background-color:#17a2b8;color:#fff;border-color:#17a2b8}.btn.btn-status-khoi_tao_hs:hover:not(:disabled){background-color:#117a8b;border-color:#117a8b}.btn.btn-status-thong_bao_dong_phi{background-color:#ffc107;color:#fff;border-color:#ffc107}.btn.btn-status-thong_bao_dong_phi:hover:not(:disabled){background-color:#d39e00;border-color:#d39e00}.btn.btn-status-thong_bao_thu_ly{background-color:#17a2b8;color:#fff;border-color:#17a2b8}.btn.btn-status-thong_bao_thu_ly:hover:not(:disabled){background-color:#117a8b;border-color:#117a8b}.btn.btn-status-quyet_dinh_thanh_lap_hd{background-color:#d89558;color:#fff;border-color:#d89558}.btn.btn-status-quyet_dinh_thanh_lap_hd:hover:not(:disabled){background-color:#cd7b30;border-color:#cd7b30}.btn.btn-status-van_ban_yeu_cau_hd{background-color:#6c757d;color:#fff;border-color:#6c757d}.btn.btn-status-van_ban_yeu_cau_hd:hover:not(:disabled){background-color:#545b62;border-color:#545b62}.btn.btn-status-giay_trieu_tap{background-color:#6f42c1;color:#fff;border-color:#6f42c1}.btn.btn-status-giay_trieu_tap:hover:not(:disabled){background-color:#59339d;border-color:#59339d}.btn.btn-status-phan_quyet_quyet_dinh{background-color:#20c997;color:#fff;border-color:#20c997}.btn.btn-status-phan_quyet_quyet_dinh:hover:not(:disabled){background-color:#199d76;border-color:#199d76}.form-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-bottom:0}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:.5rem}}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-weight:500;color:#212529;font-size:14px;line-height:1.4}.form-group label .required{color:#dc3545;margin-left:2px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #dee2e6;border-radius:8px;outline:none;font-size:14px;line-height:1.5;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#c67c32;box-shadow:0 0 0 3px rgba(198,124,50,.1)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#adb5bd;font-size:13px}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.form-group textarea{resize:vertical;min-height:80px;max-height:200px;line-height:1.6}.form-group select{cursor:pointer;background-color:#fff;-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='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:#dc3545}.form-group.has-error input:focus,.form-group.has-error select:focus,.form-group.has-error textarea:focus{box-shadow:0 0 0 3px rgba(220,53,69,.1)}.form-group.has-error .error-message{display:block;color:#dc3545;font-size:12px;margin-top:4px}.remember-me{display:flex;align-items:center;gap:8px;margin-bottom:1rem}.remember-me input[type=checkbox]{width:auto;cursor:pointer}.remember-me label{margin:0;cursor:pointer;font-size:14px;font-weight:400}.file-upload-area{border:2px dashed #dee2e6;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s;background-color:#f8f9fa}.file-upload-area.dragover,.file-upload-area:hover{border-color:#c67c32;background-color:rgba(198,124,50,.05)}.file-upload-area .upload-icon{margin-bottom:16px}.file-upload-area .upload-icon svg{width:48px;height:48px;color:#ced4da}.file-upload-area .upload-text{font-size:16px;color:#212529;margin-bottom:8px}.file-upload-area .upload-hint{font-size:13px;color:#6c757d}.file-upload-area input[type=file]{display:none}.file-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px}.file-item .file-info{display:flex;align-items:center;gap:12px;flex:1 1}.file-item .file-info i{font-size:20px;color:#c67c32}.file-item .file-info .file-name{font-size:14px;color:#212529;font-weight:500}.file-item .file-info .file-size{font-size:12px;color:#6c757d}.file-item .file-remove{background:none;border:none;color:#dc3545;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.file-item .file-remove:hover{background-color:rgba(220,53,69,.1)}.file-item .file-remove i{font-size:16px}.password-input{position:relative}.password-input input{padding-right:48px}.password-input .toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:.25rem;transition:color .3s}.password-input .toggle-password:hover{color:#c67c32}.password-input .toggle-password i{font-size:16px}.password-strength{margin-top:.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.password-strength .strength-bar{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.password-strength .strength-bar .strength-fill{height:100%;transition:all .3s;border-radius:3px}.password-strength .strength-bar .strength-fill.weak{background:#dc3545}.password-strength .strength-bar .strength-fill.medium{background:#ffc107}.password-strength .strength-bar .strength-fill.strong{background:#28a745}.password-strength .strength-bar .strength-fill.very-strong{background:#c67c32}.password-strength .strength-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:13px;flex-wrap:wrap;gap:.25rem}.password-strength .strength-info .strength-label{font-weight:500}.password-strength .strength-info .crack-time{color:#6c757d;font-size:12px}.password-strength .strength-feedback{list-style:none;padding:0;margin:0}.password-strength .strength-feedback li{padding:.25rem 0;color:#6c757d;font-size:12px;display:flex;align-items:flex-start;gap:.25rem}.password-strength .strength-feedback li i{color:#ffc107;margin-top:2px;flex-shrink:0;font-size:12px}.error-message{display:none;color:#dc3545;font-size:12px;margin-top:.25rem}input.error,select.error,textarea.error{border-color:#dc3545}input.error:focus,select.error:focus,textarea.error:focus{box-shadow:0 0 0 3px rgba(220,53,69,.1)}input.error+.error-message,select.error+.error-message,textarea.error+.error-message{display:block}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem}.form-actions .btn{min-width:150px}@media(max-width:400px){.form-actions .btn{min-width:auto}}@media(max-width:768px){.form-actions .btn{width:100%}}.form-section{padding:1.5rem;border-bottom:1px solid #dee2e6}.form-section:last-of-type{border-bottom:none}.form-section h2{font-size:20px;color:#212529;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-weight:600}.form-section h2 i{color:#c67c32}.form-section .section-description{color:#6c757d;margin-bottom:1rem;font-size:13px;background:#f8f9fa;padding:1rem;border-radius:8px;border-left:3px solid #c67c32}@media(max-width:768px){.form-section{padding:1rem}}.client-header{background:#fff;border-bottom:1px solid #dee2e6;box-shadow:0 1px 2px rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;z-index:100}.client-header .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.client-header .header-content{display:flex;align-items:center;justify-content:space-between;height:70px}.client-header .brand{display:flex;flex-direction:column;gap:2px;text-decoration:none}.client-header .brand h1{font-size:24px;font-weight:700;color:#c67c32;margin:0;line-height:1}.client-header .brand p{font-size:12px;color:#6c757d;margin:0;line-height:1}.client-header .header-actions{display:flex;align-items:center;gap:1rem}.client-header .user-menu{position:relative}.client-header .user-menu .user-info{display:flex;align-items:center;gap:10px;padding:8px 16px;background-color:#f8f9fa;border-radius:8px;cursor:pointer;transition:background-color .2s}.client-header .user-menu .user-info:hover{background-color:#f1f3f5}.client-header .user-menu .user-info i{font-size:20px;color:#6c757d}.client-header .user-menu .user-info .user-name{font-size:14px;font-weight:500;color:#212529}.client-header .user-menu .user-info .fa-chevron-down{font-size:12px;color:#6c757d}.client-header .user-menu .user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 10px 15px rgba(0,0,0,.1);min-width:200px;overflow:hidden;z-index:1000}.client-header .user-menu .user-dropdown a,.client-header .user-menu .user-dropdown button{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#212529;font-size:14px;text-decoration:none;transition:background-color .2s;background:none;border:none;width:100%;cursor:pointer;text-align:left}.client-header .user-menu .user-dropdown a:hover,.client-header .user-menu .user-dropdown button:hover{background-color:#f8f9fa}.client-header .user-menu .user-dropdown a i,.client-header .user-menu .user-dropdown button i{font-size:16px;color:#6c757d}.client-header .user-menu .user-dropdown a:not(:last-child),.client-header .user-menu .user-dropdown button:not(:last-child){border-bottom:1px solid #f1f3f5}@media(max-width:768px){.client-header .brand h1{font-size:20px}.client-header .brand p{font-size:11px}.client-header .user-info{padding:6px 12px}.client-header .user-info .user-name{display:none}}.staff-header .user-info{gap:.5rem}.staff-header .user-info .user-details{display:flex;flex-direction:column;gap:2px}.staff-header .user-info .user-details .user-name{font-weight:600;font-size:14px;color:#212529;line-height:1}.staff-header .user-info .user-details .user-role{font-size:11px;color:#6c757d;background:rgba(198,124,50,.1);padding:2px 8px;border-radius:10px;display:inline-block;line-height:1}.staff-header .user-info .fa-chevron-down{margin-left:.25rem}@media(max-width:768px){.staff-header .user-info .fa-chevron-down,.staff-header .user-info .user-details{display:none}}.page-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.page-actions .page-title{font-size:24px;font-weight:600;color:#212529;margin:0}.page-actions-right{display:flex;align-items:center;gap:1rem}.page-actions-right .action-buttons{display:flex;gap:.5rem}@media(max-width:768px){.page-actions{flex-direction:column;align-items:flex-start}.page-actions-right{width:100%;flex-direction:column;align-items:stretch}.page-actions-right .action-buttons{width:100%}.page-actions-right .action-buttons .btn{flex:1 1}}.client-footer{background-color:#343a40;color:#fff;padding:1.5rem 0;margin-top:auto}.client-footer .container{max-width:1200px;margin:0 auto;padding:0 1.5rem;text-align:center}.client-footer p{margin:0;font-size:14px;color:#dee2e6}.data-table{position:relative;background:#fff;border-radius:0;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);border-top:1px solid #dee2e6}.data-table-tabs{display:flex;gap:4px;padding:.5rem 1rem 0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.data-table-tabs::-webkit-scrollbar{height:4px}.data-table-tabs::-webkit-scrollbar-thumb{background:#ced4da;border-radius:2px}.data-table-tabs .tab-btn{position:relative;padding:.75rem 1.5rem;border:1px solid #dee2e6;border-bottom:none;background:#e9ecef;color:#6c757d;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s;border-radius:8px 8px 0 0}.data-table-tabs .tab-btn:hover{background:#f1f3f5;color:#212529}.data-table-tabs .tab-btn.active{background:#fff;color:#c67c32;font-weight:600;border-color:#dee2e6;margin-bottom:-1px;padding-bottom:calc(.75rem + 1px);z-index:1}.data-table-tabs .tab-btn .tab-count{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;background:rgba(0,0,0,.1);border-radius:12px;font-size:.75rem;font-weight:600}.data-table-tabs .tab-btn.active .tab-count{background:#c67c32;color:#fff}.data-table-body{position:relative;min-height:300px}.data-table .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;z-index:10}.data-table .loading-overlay .spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top-color:#c67c32;border-radius:50%;animation:spin .8s linear infinite}.data-table .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table .table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table .table thead{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table .table thead th{padding:1rem;font-weight:600;text-align:left;color:#212529;background:#f8f9fa;border-bottom:2px solid #dee2e6;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table .table thead th.sortable{cursor:pointer}.data-table .table thead th.sortable:hover{color:#c67c32}.data-table .table thead th i{margin-left:8px;font-size:.75rem;color:#c67c32}.data-table .table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .15s}.data-table .table tbody tr:hover{background-color:#f8f9fa}.data-table .table tbody tr:hover td{background-color:#f8f9fa!important}.data-table .table tbody tr.clickable{cursor:pointer}.data-table .table tbody td{padding:1rem;color:#212529;transition:background-color .15s}.data-table-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #dee2e6;flex-wrap:wrap;gap:1rem}@media(max-width:768px){.data-table-footer{flex-direction:column;align-items:center;justify-content:center;text-align:center}}.data-table-info{font-size:.9rem;color:#6c757d}.data-table-info .info-end,.data-table-info .info-start,.data-table-info .info-total{font-weight:600;color:#212529}.data-table-controls{display:flex;align-items:center;gap:1.5rem}@media(max-width:768px){.data-table-controls{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;width:100%}}.data-table-limit label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6c757d}.data-table-limit .limit-select{padding:.375rem .75rem;height:33px;border:1px solid #dee2e6;border-radius:4px;background:#fff;font-size:.9rem;cursor:pointer}.data-table-limit .limit-select:focus{outline:none;border-color:#c67c32}.data-table-pagination{display:flex;align-items:center;gap:.5rem}.data-table-pagination .pagination-btn{padding:.375rem .75rem;border:1px solid #dee2e6;height:33px;min-width:36px;background:#fff;color:#212529;border-radius:4px;cursor:pointer;transition:all .2s}.data-table-pagination .pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#c67c32}.data-table-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.data-table-pagination .pagination-btn i{font-size:.85rem}.data-table-pagination .pagination-numbers{display:flex;gap:.25rem}@media(max-width:768px){.data-table-pagination .pagination-numbers{display:none}}.data-table-pagination .pagination-numbers .btn{min-width:36px;padding:.375rem .5rem}.data-table-pagination .pagination-numbers .btn.active{background:#c67c32;color:#fff;border-color:#c67c32}.data-table-pagination .pagination-numbers span{padding:.375rem .25rem;color:#6c757d}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500;white-space:nowrap}.status-badge.status-khoi_tao_hs{background:rgba(23,162,184,.1);color:#117a8b}.status-badge.status-thieu_hs{background:rgba(220,53,69,.1);color:#bd2130}.status-badge.status-thong_bao_dong_phi{background:rgba(255,193,7,.1);color:#a07800}.status-badge.status-thong_bao_thu_ly{background:rgba(23,162,184,.1);color:#117a8b}.status-badge.status-quyet_dinh_thanh_lap_hd{background:rgba(198,124,50,.1);color:#9d6328}.status-badge.status-van_ban_yeu_cau_hd{background:hsla(208,7%,46%,.1);color:#545b62}.status-badge.status-giay_trieu_tap{background:rgba(111,66,193,.1);color:#59339d}.status-badge.status-phan_quyet_quyet_dinh{background:rgba(32,201,151,.1);color:#158765}.status-badge.status-hoan_thanh_hs{background:rgba(5,150,105,.1);color:#036546}.status-badge.status-huy_hs{background:hsla(220,9%,46%,.1);color:#484d56}.status-badge.status-du_hs{background:rgba(40,167,69,.1);color:#1e7e34}.data-table-active-filters{padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #dee2e6}.data-table-active-filters .filter-chips-container{display:flex;gap:.5rem;flex-wrap:wrap}.data-table-active-filters .filter-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#c67c32;color:#fff;border-radius:16px;font-size:.85rem}.data-table-active-filters .filter-chip .filter-chip-text strong{font-weight:600;margin-right:.25rem}.data-table-active-filters .filter-chip .filter-chip-remove{background:none;border:none;color:#fff;cursor:pointer;padding:0;margin-left:.25rem;font-size:1rem;line-height:1;opacity:.8;transition:opacity .2s}.data-table-active-filters .filter-chip .filter-chip-remove:hover{opacity:1}.data-table .table thead th .th-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.data-table .table thead th .th-content .th-label{flex:1 1}.data-table .table thead th .th-content .th-label.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table .table thead th .th-content .th-label.sortable:hover{color:#c67c32}.data-table .table thead th .th-content .th-actions{display:flex;align-items:center;gap:.5rem}.data-table .table thead th .th-content .sort-icon{cursor:pointer;color:#ced4da;font-size:.85rem;transition:color .2s}.data-table .table thead th .th-content .sort-icon.sorted,.data-table .table thead th .th-content .sort-icon:hover{color:#c67c32}.data-table .table thead th .th-content .filter-icon{background:none;border:none;color:#ced4da;cursor:pointer;padding:.25rem;font-size:.85rem;transition:all .2s}.data-table .table thead th .th-content .filter-icon i{margin-left:0}.data-table .table thead th .th-content .filter-icon:hover{color:#c67c32}.data-table .table thead th .th-content .filter-icon.active{color:#fff;background:#f0d4b8;border-radius:4px}.data-table .frozen-column{background:#fff!important;z-index:5!important;box-shadow:2px 0 4px rgba(0,0,0,.1)}.data-table thead .frozen-column{z-index:15!important;background:#f8f9fa!important}.filter-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.filter-popup-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,.2);animation:slideUp .3s ease}.filter-popup-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #dee2e6}.filter-popup-header h4{margin:0;font-size:1.125rem;color:#212529}.filter-popup-header h4 .filter-column-name{color:#c67c32;font-weight:600}.filter-popup-header .filter-popup-close{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.filter-popup-header .filter-popup-close:hover{background:#f1f3f5;color:#212529}.filter-popup-body{padding:1.5rem}.filter-popup-body .filter-input-group{display:flex;flex-direction:column;gap:.75rem}.filter-popup-body .filter-input-group label{font-size:.9rem;font-weight:500;color:#212529;margin-top:.5rem}.filter-popup-body .filter-input-group label:first-child{margin-top:0}.filter-popup-body .filter-input-group .filter-date-input,.filter-popup-body .filter-input-group .filter-select-input,.filter-popup-body .filter-input-group .filter-text-input{width:100%;padding:.75rem;border:1px solid #dee2e6;border-radius:8px;font-size:.9rem;transition:border-color .2s}.filter-popup-body .filter-input-group .filter-date-input:focus,.filter-popup-body .filter-input-group .filter-select-input:focus,.filter-popup-body .filter-input-group .filter-text-input:focus{outline:none;border-color:#c67c32}.filter-popup-body .filter-input-group .filter-select-input{cursor:pointer}.filter-popup-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #dee2e6}.filter-popup-actions .btn{flex:1 1}.filter-popup-actions .apply-filter-btn{background:#c67c32;color:#fff;border:none}.filter-popup-actions .apply-filter-btn:hover{background:#b26f2d}.filter-popup-actions .clear-column-filter-btn{background:#fff;color:#212529;border:1px solid #dee2e6}.filter-popup-actions .clear-column-filter-btn:hover{background:#f8f9fa}.pagination-ellipsis{display:inline-block;padding:.375rem .25rem;color:#6c757d}.date-picker-inline{margin:0;padding:0;width:100%}.date-picker-inline input[type=hidden]{display:none}.litepicker{font-family:inherit;box-shadow:none!important;border:none!important;background:transparent!important;width:100%!important}.litepicker .container__main{border:none;box-shadow:none;background:transparent;width:100%!important}.litepicker .container__months{background:transparent;width:100%!important;box-shadow:none!important}.litepicker .container__months .month-item-weekdays-row{width:100%!important}.litepicker .month-item{background:transparent;width:100%!important}.litepicker .month-item-header{padding:0!important;margin-bottom:.75rem;font-weight:600;color:#212529!important}.litepicker .month-item-header>div{display:flex;align-items:stretch;justify-content:center}.litepicker .month-item-header .button-next-month,.litepicker .month-item-header .button-previous-month{width:32px;height:32px;background:transparent;border:none;border-radius:6px;cursor:pointer!important;transition:all .2s}.litepicker .month-item-header .button-next-month:hover,.litepicker .month-item-header .button-previous-month:hover{background:#fff!important;border-color:var(--primary-color,#c67c32)!important}.litepicker .month-item-header .button-next-month:hover svg,.litepicker .month-item-header .button-previous-month:hover svg{fill:var(--primary-color,#c67c32)!important}.litepicker .month-item-header .button-next-month svg,.litepicker .month-item-header .button-previous-month svg{fill:#495057!important;transition:fill .2s}.litepicker .month-item-header .month-item-name,.litepicker .month-item-header .month-item-year{padding:.375rem 2rem .375rem .75rem!important;border:1px solid #dee2e6!important;border-radius:6px;font-size:.9rem;font-weight:600;color:#212529!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px 10px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .2s}.litepicker .month-item-header .month-item-name:hover,.litepicker .month-item-header .month-item-year:hover{border-color:var(--primary-color,#c67c32)!important;background-color:#fff9f0!important}.litepicker .month-item-header .month-item-name:focus,.litepicker .month-item-header .month-item-year:focus{outline:none;border-color:var(--primary-color,#c67c32)!important;box-shadow:0 0 0 3px rgba(198,124,50,.1)!important}.litepicker .month-item-weekdays-row{padding:.5rem 0;border-bottom:1px solid #e9ecef!important;margin-bottom:.5rem}.litepicker .month-item-weekdays-row>div{font-size:.7rem;font-weight:600;color:#6c757d!important;text-align:center;text-transform:uppercase;letter-spacing:.5px}.litepicker .container__days{padding:0;width:100%!important}.litepicker .container__days>div{width:14.2857142857%!important;margin:4px 0}.litepicker .container__days .day-item{border-radius:6px;font-size:.875rem;cursor:pointer;transition:none!important}.litepicker .container__days .day-item:hover:not(.is-locked):not(.is-start-date):not(.is-end-date){background:#f8f9fa!important;box-shadow:none!important;color:#000!important}.litepicker .container__days .day-item:hover{box-shadow:none!important}.litepicker .container__days .day-item.is-today{font-weight:700;color:var(--primary-color,#c67c32)!important}.litepicker .container__days .day-item.is-end-date,.litepicker .container__days .day-item.is-start-date{background:var(--primary-color,#c67c32)!important;color:#fff!important;font-weight:600}.litepicker .container__days .day-item.is-in-range{background:#fff3e6!important;color:#495057!important}.litepicker .container__days .day-item.is-locked{color:#dee2e6!important;cursor:not-allowed;background:transparent}.litepicker .container__footer,.litepicker .reset-button{display:none!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.modal-container,.modal-content{background:#fff;border-radius:8px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.2);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;font-size:1.75rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#c67c32;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.case-detail-modal .section-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 16px;display:flex;align-items:center;gap:8px}.case-detail-modal .section-title i{color:#c67c32}.case-detail-modal .case-info-section{margin-bottom:32px}.case-detail-modal .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px}.case-detail-modal .info-item{display:flex;flex-direction:column;gap:4px}.case-detail-modal .info-item label{font-size:.875rem;color:#6b7280;font-weight:500}.case-detail-modal .info-item .info-value{font-size:1rem;color:#1f2937;font-weight:500}.case-timeline-section{margin:32px 0 0}.timeline-container{position:relative;padding-left:0}.timeline-item{display:flex;gap:16px;margin-bottom:24px;position:relative}.timeline-item.current .timeline-dot{background:#c67c32;border-color:#c67c32;box-shadow:0 0 0 4px rgba(198,124,50,.1);animation:pulse 2s infinite}.timeline-item.current .timeline-status{font-weight:600}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:relative;flex-shrink:0}.timeline-dot{width:16px;height:16px;border-radius:50%;border:3px solid #d1d5db;background:#fff;position:relative;z-index:1;transition:all .3s}.timeline-line{position:absolute;left:7px;top:16px;bottom:-24px;width:2px;background:#e5e7eb}.timeline-content{flex:1 1;background:#f9fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:8px}.timeline-status{font-weight:500;color:#1f2937;font-size:.9375rem}.timeline-status.status-khoi_tao_hs{color:#3b82f6}.timeline-status.status-thieu_hs{color:#dc2626}.timeline-status.status-thong_bao_dong_phi,.timeline-status.status-thong_bao_thu_ly{color:#f59e0b}.timeline-status.status-quyet_dinh_thanh_lap_hd,.timeline-status.status-van_ban_yeu_cau_hd{color:#3b82f6}.timeline-status.status-giay_trieu_tap{color:#8b5cf6}.timeline-status.status-hoan_thanh_hs,.timeline-status.status-phan_quyet_quyet_dinh{color:#059669;font-weight:600}.timeline-status.status-huy_hs{color:#6b7280;font-weight:600}.timeline-status.status-du_hs{color:#059669}.timeline-datetime{font-size:.8125rem;color:#6b7280}.timeline-description{margin:0 0 8px;font-size:.875rem;color:#4b5563;line-height:1.5}.timeline-user{margin:0;font-size:.8125rem;color:#6b7280;display:flex;align-items:center;gap:6px}.timeline-user i{font-size:.75rem}.case-files-section .files-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px}.case-files-section .file-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s}.case-files-section .file-item:hover{background:#f3f4f6;border-color:#d1d5db}.case-files-section .file-item>i{font-size:1.5rem;color:#ef4444}.case-files-section .file-info{flex:1 1;display:flex;flex-direction:column;gap:4px;max-width:calc(100% - 50px);white-space:nowrap;align-items:flex-start}.case-files-section .file-name{font-size:.9375rem;font-weight:500;color:#1f2937;overflow:hidden;text-overflow:ellipsis;max-width:100%}.case-files-section .file-meta{font-size:.8125rem;color:#6b7280}@media(max-width:576px){.modal-container{max-width:100%;max-height:100vh;border-radius:0}.modal-overlay{padding:0}.case-detail-modal .info-grid{grid-template-columns:1fr}.timeline-item{gap:12px}.timeline-content{padding:12px}}.password-requirements{margin-top:1rem;padding:1rem;background:rgba(198,124,50,.05);border-radius:8px;border:1px solid rgba(198,124,50,.2)}.password-requirements h4{font-size:14px;color:#212529;margin-bottom:.5rem;display:flex;align-items:center;gap:.25rem}.password-requirements h4 i{color:#c67c32}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements ul li{padding:.25rem 0;color:#6c757d;font-size:13px;display:flex;align-items:center;gap:.25rem}.password-requirements ul li:before{content:"•";color:#c67c32;font-weight:700;font-size:16px}.toast-container{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;background:#fff;box-shadow:0 10px 15px rgba(0,0,0,.1);animation:slideInRight .3s ease-out;border-left:4px solid;min-width:300px}.toast.toast-success{border-left-color:#28a745}.toast.toast-success i:first-child{color:#28a745}.toast.toast-error{border-left-color:#dc3545}.toast.toast-error i:first-child{color:#dc3545}.toast.toast-warning{border-left-color:#ffc107}.toast.toast-warning i:first-child{color:#ffc107}.toast.toast-info{border-left-color:#17a2b8}.toast.toast-info i:first-child{color:#17a2b8}.toast i:first-child{font-size:20px;flex-shrink:0}.toast .toast-message{flex:1 1;font-size:14px;color:#212529;line-height:1.5}.toast .toast-close{background:transparent;border:none;color:#6c757d;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.toast .toast-close:hover{color:#212529}.toast .toast-close i{font-size:14px}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.confirm-modal{max-width:500px}.confirm-modal .modal-body{padding:24px}.confirm-modal .modal-body p{margin:0;color:#212529;line-height:1.6}.confirm-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #dee2e6;background:#f8f9fa}.loading-bar-container{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;pointer-events:none}.loading-bar{height:100%;background:linear-gradient(90deg,#a66428,#c67c32 50%,#d89558);box-shadow:0 0 10px #c67c32;transition:width .3s ease,opacity .2s ease;transform-origin:left}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.card-skeleton .skeleton-badge,.card-skeleton .skeleton-card-body .skeleton-text,.card-skeleton .skeleton-title,.detail-skeleton .skeleton-back-button,.detail-skeleton .skeleton-header .skeleton-badge,.detail-skeleton .skeleton-header .skeleton-title,.detail-skeleton .skeleton-section .skeleton-label,.detail-skeleton .skeleton-section .skeleton-section-title,.detail-skeleton .skeleton-section .skeleton-value,.detail-skeleton .skeleton-timeline .skeleton-timeline-item .skeleton-timeline-content .skeleton-text,.detail-skeleton .skeleton-timeline .skeleton-timeline-item .skeleton-timeline-dot,.form-skeleton .skeleton-button,.form-skeleton .skeleton-input,.form-skeleton .skeleton-label,.form-skeleton .skeleton-section-title,.form-skeleton .skeleton-title,.skeleton-base,.stats-skeleton .skeleton-stat-card .skeleton-stat-content .skeleton-stat-label,.stats-skeleton .skeleton-stat-card .skeleton-stat-content .skeleton-stat-value,.stats-skeleton .skeleton-stat-card .skeleton-stat-icon,.table-skeleton .skeleton-td,.table-skeleton .skeleton-th{background:linear-gradient(90deg,#f0f0f0,#f8f8f8 20%,#f0f0f0 40%,#f0f0f0);background-size:800px 104px;animation:shimmer 1.8s ease-in-out infinite;border-radius:4px;position:relative;overflow:hidden}.form-skeleton .skeleton-header{margin-bottom:2rem}.form-skeleton .skeleton-title{height:32px;width:300px;margin-bottom:1rem}.form-skeleton .skeleton-section-title{height:24px;width:200px;margin-bottom:1.5rem}.form-skeleton .skeleton-label{height:14px;width:100px;margin-bottom:.5rem}.form-skeleton .skeleton-input{height:40px;width:100%;margin-bottom:1rem}.form-skeleton .skeleton-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}.form-skeleton .skeleton-button{height:40px;width:120px}.card-skeleton{border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.card-skeleton .skeleton-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-skeleton .skeleton-title{height:20px;width:200px}.card-skeleton .skeleton-badge{height:24px;width:80px;border-radius:12px}.card-skeleton .skeleton-card-body .skeleton-text{height:14px;width:100%;margin-bottom:.75rem}.card-skeleton .skeleton-card-body .skeleton-text.short{width:60%}.table-skeleton .skeleton-table-header{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;padding:1rem;border-bottom:2px solid #e5e7eb;margin-bottom:.5rem}.table-skeleton .skeleton-th{height:16px}.table-skeleton .skeleton-table-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;padding:1rem;border-bottom:1px solid #e5e7eb}.table-skeleton .skeleton-td{height:14px}.detail-skeleton .skeleton-back-button{height:36px;width:100px;margin-bottom:1.5rem}.detail-skeleton .skeleton-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.detail-skeleton .skeleton-header .skeleton-title{height:36px;flex:1 1}.detail-skeleton .skeleton-header .skeleton-title.large{height:42px}.detail-skeleton .skeleton-header .skeleton-badge{height:28px;width:100px;border-radius:14px}.detail-skeleton .skeleton-content{display:grid;grid-gap:2rem;gap:2rem}.detail-skeleton .skeleton-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.detail-skeleton .skeleton-section .skeleton-section-title{height:22px;width:180px;margin-bottom:1.5rem}.detail-skeleton .skeleton-section .skeleton-detail-row{display:grid;grid-template-columns:200px 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.detail-skeleton .skeleton-section .skeleton-detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-skeleton .skeleton-section .skeleton-label{height:16px;width:140px}.detail-skeleton .skeleton-section .skeleton-value{height:16px;width:80%}.detail-skeleton .skeleton-timeline .skeleton-timeline-item{display:flex;gap:1rem;margin-bottom:1.5rem;position:relative}.detail-skeleton .skeleton-timeline .skeleton-timeline-item:not(:last-child):before{content:"";position:absolute;left:10px;top:24px;bottom:-24px;width:2px;background:#e5e7eb}.detail-skeleton .skeleton-timeline .skeleton-timeline-item .skeleton-timeline-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;margin-top:2px}.detail-skeleton .skeleton-timeline .skeleton-timeline-item .skeleton-timeline-content{flex:1 1}.detail-skeleton .skeleton-timeline .skeleton-timeline-item .skeleton-timeline-content .skeleton-text{height:14px;width:100%;margin-bottom:.5rem}.detail-skeleton .skeleton-timeline .skeleton-timeline-item .skeleton-timeline-content .skeleton-text.short{width:50%}.stats-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stats-skeleton .skeleton-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;display:flex;gap:1rem;align-items:center;position:relative;overflow:hidden}.stats-skeleton .skeleton-stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,0));background-size:200% 100%;animation:shimmer-overlay 2s ease-in-out infinite;pointer-events:none}.stats-skeleton .skeleton-stat-card .skeleton-stat-icon{width:48px;height:48px;border-radius:8px;flex-shrink:0;position:relative;z-index:1}.stats-skeleton .skeleton-stat-card .skeleton-stat-content{flex:1 1;position:relative;z-index:1}.stats-skeleton .skeleton-stat-card .skeleton-stat-content .skeleton-stat-value{height:28px;width:80px;margin-bottom:.5rem}.stats-skeleton .skeleton-stat-card .skeleton-stat-content .skeleton-stat-label{height:14px;width:120px}@keyframes shimmer-overlay{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid var(--primary-color,#06c);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-large{width:40px;height:40px;border-width:3px}@keyframes spin{to{transform:rotate(1turn)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-overlay .loading-content{text-align:center}.loading-overlay .loading-content .loading-spinner-large{margin-bottom:1rem}.loading-overlay .loading-content .loading-text{color:#6b7280;font-size:14px}.content-loading{min-height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.content-loading .loading-spinner-large{margin-bottom:.5rem}.content-loading .loading-message{color:#6b7280;font-size:14px}.fullpage-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);z-index:9999;animation:fadeIn .3s ease-in-out}.fullpage-loader,.fullpage-loader .loader-container{display:flex;align-items:center;justify-content:center}.fullpage-loader .loader-container{position:relative}.fullpage-loader .loader-circles{position:absolute;width:200px;height:200px}.fullpage-loader .loader-circles .circle{position:absolute;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;animation:pulse-circle 2s ease-in-out infinite}.fullpage-loader .loader-circles .circle.circle-1{width:100%;height:100%;animation-delay:0s}.fullpage-loader .loader-circles .circle.circle-2{width:75%;height:75%;top:12.5%;left:12.5%;animation-delay:.4s}.fullpage-loader .loader-circles .circle.circle-3{width:50%;height:50%;top:25%;left:25%;animation-delay:.8s}.fullpage-loader .loader-icon{position:relative;z-index:1;color:#fff;animation:rotate-icon 3s linear infinite,pulse-icon 2s ease-in-out infinite}.fullpage-loader .loader-icon svg{filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-circle{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.6}}@keyframes rotate-icon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.fullpage-loader-dots{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;align-items:center;justify-content:center;z-index:9999}.fullpage-loader-dots .dots-container{display:flex;gap:1rem}.fullpage-loader-dots .dots-container .dot{width:20px;height:20px;background:#fff;border-radius:50%;animation:bounce-dot 1.4s ease-in-out infinite}.fullpage-loader-dots .dots-container .dot:first-child{animation-delay:0s}.fullpage-loader-dots .dots-container .dot:nth-child(2){animation-delay:.2s}.fullpage-loader-dots .dots-container .dot:nth-child(3){animation-delay:.4s}@keyframes bounce-dot{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.fullpage-loader-bars{position:fixed;top:0;left:0;right:0;bottom:0;background:#f8f9fa;display:flex;align-items:center;justify-content:center;z-index:9999}.fullpage-loader-bars .bars-container{display:flex;gap:.5rem;align-items:center}.fullpage-loader-bars .bars-container .bar{width:8px;height:60px;background:#c67c32;border-radius:4px;animation:stretch-bar 1.2s ease-in-out infinite}.fullpage-loader-bars .bars-container .bar:first-child{animation-delay:0s}.fullpage-loader-bars .bars-container .bar:nth-child(2){animation-delay:.1s}.fullpage-loader-bars .bars-container .bar:nth-child(3){animation-delay:.2s}.fullpage-loader-bars .bars-container .bar:nth-child(4){animation-delay:.3s}.fullpage-loader-bars .bars-container .bar:nth-child(5){animation-delay:.4s}@keyframes stretch-bar{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.fullpage-loader-ring{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:9999}.fullpage-loader-ring .ring-container{position:relative;width:120px;height:120px}.fullpage-loader-ring .ring-container .ring{position:absolute;top:0;left:0;width:100%;height:100%;border:8px solid transparent;border-top-color:#fff;border-radius:50%;animation:rotate-ring 1.5s linear infinite}.fullpage-loader-ring .ring-container .ring.ring-2{border-top-color:hsla(0,0%,100%,.6);animation-duration:2s;animation-direction:reverse}@keyframes rotate-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fullpage-loader-wave{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fa709a,#fee140);display:flex;align-items:center;justify-content:center;z-index:9999}.fullpage-loader-wave .wave-container{display:flex;gap:.25rem}.fullpage-loader-wave .wave-container .wave-bar{width:6px;height:40px;background:#fff;border-radius:3px;animation:wave-motion 1s ease-in-out infinite}.fullpage-loader-wave .wave-container .wave-bar:first-child{animation-delay:.1s}.fullpage-loader-wave .wave-container .wave-bar:nth-child(2){animation-delay:.2s}.fullpage-loader-wave .wave-container .wave-bar:nth-child(3){animation-delay:.3s}.fullpage-loader-wave .wave-container .wave-bar:nth-child(4){animation-delay:.4s}.fullpage-loader-wave .wave-container .wave-bar:nth-child(5){animation-delay:.5s}.fullpage-loader-wave .wave-container .wave-bar:nth-child(6){animation-delay:.6s}.fullpage-loader-wave .wave-container .wave-bar:nth-child(7){animation-delay:.7s}.fullpage-loader-wave .wave-container .wave-bar:nth-child(8){animation-delay:.8s}.fullpage-loader-wave .wave-container .wave-bar:nth-child(9){animation-delay:.9s}.fullpage-loader-wave .wave-container .wave-bar:nth-child(10){animation-delay:1s}@keyframes wave-motion{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.5)}}.page-welcome{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#c67c32,#a66428)}.page-welcome .welcome-page{width:100%;max-width:900px;padding:1.5rem}.page-welcome .welcome-container{width:100%}.page-welcome .welcome-box{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 15px rgba(0,0,0,.1)}.page-welcome .welcome-header{text-align:center;margin-bottom:2rem}.page-welcome .welcome-header h1{font-size:32px;color:#c67c32;margin-bottom:.5rem;line-height:1.2}.page-welcome .welcome-header p{color:#6c757d;font-size:16px}.page-welcome .option-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}@media(max-width:768px){.page-welcome .option-cards{grid-template-columns:1fr}}.page-welcome .option-card{background:#f8f9fa;border:2px solid #dee2e6;border-radius:12px;padding:2rem;text-align:center;transition:all .3s}.page-welcome .option-card:hover{border-color:#c67c32;box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-4px)}.page-welcome .option-card .option-icon{margin-bottom:1.5rem}.page-welcome .option-card .option-icon svg{width:64px;height:64px;color:#c67c32}.page-welcome .option-card h2{font-size:20px;color:#212529;margin-bottom:.5rem}.page-welcome .option-card p{color:#6c757d;font-size:14px;margin-bottom:1rem}.page-welcome .option-card .option-benefits{text-align:left;margin-bottom:1.5rem;padding-left:1rem}.page-welcome .option-card .option-benefits li{color:#6c757d;font-size:14px;margin-bottom:.25rem;position:relative;padding-left:1rem}.page-welcome .option-card .option-benefits li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700}.page-welcome .option-card .btn{width:100%}.page-login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#c67c32,#a66428)}.page-login .login-page{width:100%;max-width:450px;padding:1.5rem}.page-login .login-container{width:100%}.page-login .login-box{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 15px rgba(0,0,0,.1)}.page-login .login-box .form-actions{padding:0}.page-login .login-header{text-align:center;margin-bottom:1.5rem}.page-login .login-header h1{font-size:24px;color:#c67c32;margin-bottom:.25rem;line-height:1.2}.page-login .login-header p{color:#6c757d;font-size:13px}.page-login .login-info{background:#f8efe5;border-left:4px solid #c67c32;padding:1rem;margin-bottom:1.5rem;border-radius:4px}.page-login .login-info p{margin:0 0 .25rem;color:#a66428;font-size:14px}.page-login .login-info ul{list-style:none;margin:.25rem 0 0;padding:0}.page-login .login-info ul li{padding:.25rem 0;font-size:13px;color:#212529}.page-login .alert{padding:1rem;margin-bottom:1rem;border-radius:4px;display:flex;align-items:center;gap:.5rem}.page-login .alert.alert-error{background:#f6cdd1;border-left:4px solid #dc3545;color:#dc3545}.page-login .login-form .btn{width:100%}@media(max-width:768px){.page-login .login-page{max-width:100%;padding:.5rem}.page-login .login-box{padding:1.5rem}}.page-client-dashboard .welcome-section{margin-bottom:2rem}.page-client-dashboard .welcome-section h2{font-size:28px;color:#212529;margin-bottom:.25rem}.page-client-dashboard .welcome-section h2 .user-name-highlight{color:#c67c32}.page-client-dashboard .welcome-section p{color:#6c757d;font-size:16px}.page-client-dashboard .quick-actions{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}@media(max-width:967px){.page-client-dashboard .quick-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-client-dashboard .quick-actions{grid-template-columns:1fr}}.page-client-dashboard .action-card{position:relative;background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);transition:all .3s;text-decoration:none}.page-client-dashboard .action-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-4px)}.page-client-dashboard .action-card .action-icon{width:60px;height:60px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:rgba(198,124,50,.1);border-radius:50%}.page-client-dashboard .action-card .action-icon i{font-size:28px;color:#c67c32}.page-client-dashboard .action-card h3{font-size:16px;color:#212529;margin-bottom:.25rem}.page-client-dashboard .action-card p{font-size:13px;color:#6c757d}.page-client-dashboard .action-card .notification-badge{position:absolute;top:12px;right:12px;background:#dc3545;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.page-client-dashboard .statistics-section .section-title{font-size:20px;font-weight:600;color:#212529;margin-bottom:1.5rem}.page-client-dashboard .statistics-section .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem}@media(max-width:967px){.page-client-dashboard .statistics-section .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-client-dashboard .statistics-section .stats-grid{grid-template-columns:1fr}}.page-client-dashboard .statistics-section .stat-card{background:#fff;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);transition:all .3s;text-decoration:none;border-left:4px solid transparent}.page-client-dashboard .statistics-section .stat-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateX(4px)}.page-client-dashboard .statistics-section .stat-card .stat-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:20px}.page-client-dashboard .statistics-section .stat-card .stat-info{flex:1 1}.page-client-dashboard .statistics-section .stat-card .stat-info .stat-value{font-size:20px;font-weight:700;margin-bottom:4px}.page-client-dashboard .statistics-section .stat-card .stat-info .stat-label{font-size:13px;color:#6c757d}.page-client-dashboard .statistics-section .stat-card.stat-initial{border-left-color:#17a2b8}.page-client-dashboard .statistics-section .stat-card.stat-initial .stat-icon{background:rgba(23,162,184,.1);color:#117a8b}.page-client-dashboard .statistics-section .stat-card.stat-initial .stat-value{color:#117a8b}.page-client-dashboard .statistics-section .stat-card.stat-complete{border-left-color:#28a745}.page-client-dashboard .statistics-section .stat-card.stat-complete .stat-icon{background:rgba(40,167,69,.1);color:#28a745}.page-client-dashboard .statistics-section .stat-card.stat-complete .stat-value{color:#28a745}.page-client-dashboard .statistics-section .stat-card.stat-incomplete{border-left-color:#dc3545}.page-client-dashboard .statistics-section .stat-card.stat-incomplete .stat-icon{background:rgba(220,53,69,.1);color:#dc3545}.page-client-dashboard .statistics-section .stat-card.stat-incomplete .stat-value{color:#dc3545}.page-client-dashboard .statistics-section .stat-card.stat-fee{border-left-color:#ffc107}.page-client-dashboard .statistics-section .stat-card.stat-fee .stat-icon{background:rgba(255,193,7,.1);color:#ba8b00}.page-client-dashboard .statistics-section .stat-card.stat-fee .stat-value{color:#ba8b00}.page-client-dashboard .statistics-section .stat-card.stat-acceptance{border-left-color:#17a2b8}.page-client-dashboard .statistics-section .stat-card.stat-acceptance .stat-icon{background:rgba(23,162,184,.1);color:#17a2b8}.page-client-dashboard .statistics-section .stat-card.stat-acceptance .stat-value{color:#17a2b8}.page-client-dashboard .statistics-section .stat-card.stat-council{border-left-color:#c67c32}.page-client-dashboard .statistics-section .stat-card.stat-council .stat-icon{background:rgba(198,124,50,.1);color:#c67c32}.page-client-dashboard .statistics-section .stat-card.stat-council .stat-value{color:#c67c32}.page-client-dashboard .statistics-section .stat-card.stat-request{border-left-color:#6c757d}.page-client-dashboard .statistics-section .stat-card.stat-request .stat-icon{background:hsla(208,7%,46%,.1);color:#6c757d}.page-client-dashboard .statistics-section .stat-card.stat-request .stat-value{color:#6c757d}.page-client-dashboard .statistics-section .stat-card.stat-summon{border-left-color:#6f42c1}.page-client-dashboard .statistics-section .stat-card.stat-summon .stat-icon{background:rgba(111,66,193,.1);color:#6f42c1}.page-client-dashboard .statistics-section .stat-card.stat-summon .stat-value{color:#6f42c1}.page-client-dashboard .statistics-section .stat-card.stat-verdict{border-left-color:#20c997}.page-client-dashboard .statistics-section .stat-card.stat-verdict .stat-icon{background:rgba(32,201,151,.1);color:#20c997}.page-client-dashboard .statistics-section .stat-card.stat-verdict .stat-value{color:#20c997}.page-client-dashboard .statistics-section .stat-card.stat-completed{border-left-color:#198754}.page-client-dashboard .statistics-section .stat-card.stat-completed .stat-icon{background:rgba(25,135,84,.1);color:#198754}.page-client-dashboard .statistics-section .stat-card.stat-completed .stat-value{color:#198754}.page-client-dashboard .statistics-section .stat-card.stat-cancelled{border-left-color:#6c757d}.page-client-dashboard .statistics-section .stat-card.stat-cancelled .stat-icon{background:hsla(208,7%,46%,.1);color:#6c757d}.page-client-dashboard .statistics-section .stat-card.stat-cancelled .stat-value{color:#6c757d}.page-client-cases{display:flex;flex-direction:column}.page-client-cases .assignment-panel{position:-webkit-sticky;position:sticky;top:80px;z-index:100;background:linear-gradient(135deg,#c67c32,#9d6328);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 10px 15px rgba(0,0,0,.1);animation:slideDown .3s ease-out}.page-client-cases .assignment-panel .assignment-panel-content{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}@media(max-width:768px){.page-client-cases .assignment-panel .assignment-panel-content{flex-direction:column;align-items:stretch}}.page-client-cases .assignment-panel .assignment-info{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600}.page-client-cases .assignment-panel .assignment-info i{font-size:20px}.page-client-cases .assignment-panel .assignment-info .selected-count{font-size:16px}.page-client-cases .assignment-panel .employee-selector{display:flex;align-items:center;gap:.5rem;flex:1 1}@media(max-width:768px){.page-client-cases .assignment-panel .employee-selector{flex-direction:column;align-items:stretch}}.page-client-cases .assignment-panel .employee-selector label{color:#fff;font-weight:500;white-space:nowrap}.page-client-cases .assignment-panel .employee-selector .employee-select{flex:1 1;padding:.5rem 1rem;border:none;border-radius:8px;font-size:14px;min-width:250px}@media(max-width:768px){.page-client-cases .assignment-panel .employee-selector .employee-select{min-width:auto;width:100%}}.page-client-cases .assignment-panel .employee-selector .employee-select:focus{outline:2px solid #fff;outline-offset:2px}.page-client-cases .assignment-panel .btn{white-space:nowrap}@media(max-width:768px){.page-client-cases .assignment-panel .btn{width:100%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.page-client-submit .submit-box{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.page-client-submit .submit-box .form-actions{padding:0}@media(max-width:768px){.page-client-submit .submit-box{padding:1.5rem}}.page-client-submit-bulk .bulk-instructions{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.page-client-submit-bulk .bulk-instructions h3{font-size:18px;color:#212529;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.page-client-submit-bulk .bulk-instructions h3 i{color:#17a2b8}.page-client-submit-bulk .bulk-instructions .instruction-steps{display:flex;flex-direction:column;gap:1.5rem}.page-client-submit-bulk .bulk-instructions .step-item{display:flex;gap:1rem}.page-client-submit-bulk .bulk-instructions .step-item .step-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#c67c32;color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.page-client-submit-bulk .bulk-instructions .step-item .step-content{flex:1 1}.page-client-submit-bulk .bulk-instructions .step-item .step-content h4{font-size:16px;color:#212529;margin-bottom:.25rem}.page-client-submit-bulk .bulk-instructions .step-item .step-content p{color:#6c757d;margin-bottom:.5rem;font-size:14px}.page-client-submit-bulk .bulk-instructions .step-item .step-content code{background:#f1f3f5;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#dc3545}.page-client-submit-bulk .bulk-instructions .step-item .step-content .example-box{background:#f8f9fa;border-left:3px solid #c67c32;padding:1rem;border-radius:4px;margin-top:.5rem}.page-client-submit-bulk .bulk-instructions .step-item .step-content .example-box strong{color:#212529;display:block;margin-bottom:.25rem}.page-client-submit-bulk .bulk-instructions .step-item .step-content .example-box ul{list-style:disc;padding-left:1.5rem;margin:.5rem 0}.page-client-submit-bulk .bulk-instructions .step-item .step-content .example-box ul li{color:#6c757d;font-size:14px;margin-bottom:4px}.page-client-submit-bulk .bulk-instructions .step-item .step-content .example-box .note{margin-top:.5rem;font-size:13px;font-style:italic;color:#6c757d}.page-client-submit-bulk .bulk-upload-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.page-client-submit-bulk .bulk-upload-form .form-actions{padding:0}.page-client-submit-bulk .bulk-upload-form .upload-section{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}@media(max-width:768px){.page-client-submit-bulk .bulk-upload-form .upload-section{grid-template-columns:1fr}}.page-client-submit-bulk .bulk-upload-form .upload-box .upload-label{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:14px;color:#212529;margin-bottom:.5rem}.page-client-submit-bulk .bulk-upload-form .upload-box .upload-label i{font-size:18px;color:#c67c32}.page-client-submit-bulk .bulk-upload-form .upload-box .upload-label .required{color:#dc3545}.page-client-submit-bulk .bulk-upload-form .upload-box .file-input-wrapper{position:relative}.page-client-submit-bulk .bulk-upload-form .upload-box .file-input-wrapper input[type=file]{display:none}.page-client-submit-bulk .bulk-upload-form .upload-box .file-input-wrapper .file-input-display{border:2px dashed #dee2e6;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s;background:#f8f9fa}.page-client-submit-bulk .bulk-upload-form .upload-box .file-input-wrapper .file-input-display:hover{border-color:#c67c32;background:rgba(198,124,50,.05)}.page-client-submit-bulk .bulk-upload-form .upload-box .file-input-wrapper .file-input-display i{font-size:36px;color:#ced4da;display:block;margin-bottom:.5rem}.page-client-submit-bulk .bulk-upload-form .upload-box .file-input-wrapper .file-input-display .file-name{display:block;font-size:14px;color:#6c757d}@media(max-width:768px){.page-client-submit-bulk .bulk-instructions,.page-client-submit-bulk .bulk-upload-form{padding:1.5rem}}.page-submit{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#c67c32,#a66428);padding:1.5rem}.page-submit .submit-page{width:100%;max-width:1200px}.page-submit .submit-container{width:100%}.page-submit .submit-box{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 15px rgba(0,0,0,.1)}.page-submit .submit-box .form-actions{padding:0}.page-submit .submit-header{text-align:center;margin-bottom:1.5rem}.page-submit .submit-header h1{font-size:28px;color:#c67c32;margin-bottom:.25rem}.page-submit .submit-header p{color:#6c757d;font-size:14px}@media(max-width:768px){.page-submit{padding:.5rem}.page-submit .submit-box{padding:1.5rem}.page-submit .submit-header h1{font-size:24px}}.page-profile-edit .profile-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);overflow:hidden}.page-profile-edit .form-sections{display:flex}.page-profile-edit .form-sections>div{flex:1 1;border-bottom:none;padding-bottom:0}@media(max-width:768px){.page-profile-edit .form-sections{flex-direction:column;padding:1rem 1rem 0}}.page-notifications .count-badge{background:#dc3545;color:#fff;padding:2px .5rem;border-radius:10px;font-size:14px;font-weight:600;margin-left:.5rem;top:-2px;position:relative}.page-notifications .loading-state{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);text-align:center}.page-notifications .loading-state p{margin-top:1rem;color:#6c757d;font-size:14px}.page-notifications .notifications-list{display:flex;flex-direction:column;gap:1rem}.page-notifications .notifications-list .notification-item{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);display:flex;gap:1rem;align-items:flex-start;transition:all .3s;cursor:pointer;border-left:4px solid transparent}.page-notifications .notifications-list .notification-item:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-2px)}.page-notifications .notifications-list .notification-item.unread{background:rgba(198,124,50,.03);border-left-color:#c67c32}.page-notifications .notifications-list .notification-item .notification-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-notifications .notifications-list .notification-item .notification-icon i{color:#fff;font-size:20px}.page-notifications .notifications-list .notification-item .notification-content{flex:1 1}.page-notifications .notifications-list .notification-item .notification-content .notification-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;flex-wrap:wrap;gap:.25rem}.page-notifications .notifications-list .notification-item .notification-content .notification-header h3{font-size:16px;color:#212529;margin:0;font-weight:600}.page-notifications .notifications-list .notification-item .notification-content .notification-header .unread-badge{background:#c67c32;color:#fff;padding:2px .5rem;border-radius:10px;font-size:11px;font-weight:600}.page-notifications .notifications-list .notification-item .notification-content .notification-message{color:#6c757d;line-height:1.6;margin-bottom:.5rem;font-size:13px}.page-notifications .notifications-list .notification-item .notification-content .notification-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:12px}.page-notifications .notifications-list .notification-item .notification-content .notification-meta .case-number{color:#c67c32;font-weight:600;display:flex;align-items:center;gap:.25rem}.page-notifications .notifications-list .notification-item .notification-content .notification-meta .status-badge{color:#fff;padding:2px .5rem;border-radius:10px;font-weight:500;font-size:11px}.page-notifications .notifications-list .notification-item .notification-content .notification-meta .notification-time{color:#adb5bd;display:flex;align-items:center;gap:.25rem}.page-notifications .notifications-list .notification-item .notification-action{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;color:#6c757d;transition:all .3s}.page-notifications .notifications-list .notification-item .notification-action:hover{background:#c67c32;color:#fff}.page-notifications .notifications-list .empty-state{text-align:center;padding:4rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.page-notifications .notifications-list .empty-state i{font-size:4rem;color:#e9ecef;margin-bottom:1rem}.page-notifications .notifications-list .empty-state h3{font-size:20px;color:#6c757d;margin-bottom:.25rem}.page-notifications .notifications-list .empty-state p{color:#adb5bd;font-size:14px}.page-notifications .pagination-container{margin-top:1.5rem}.page-notifications .pagination-container .pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.page-notifications .pagination-container .pagination .pagination-btn{min-width:40px;height:40px;padding:.25rem .5rem;border:1px solid #dee2e6;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.25rem}@media(max-width:576px){.page-notifications .pagination-container .pagination .pagination-btn.number-btn{display:none!important}}.page-notifications .pagination-container .pagination .pagination-btn:hover:not(:disabled){border-color:#c67c32;color:#c67c32;background:rgba(198,124,50,.05)}.page-notifications .pagination-container .pagination .pagination-btn.active{background:#c67c32;color:#fff;border-color:#c67c32}.page-notifications .pagination-container .pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-notifications .pagination-container .pagination .pagination-btn i{font-size:12px}.page-notifications .pagination-container .pagination .pagination-ellipsis{padding:0 .25rem;color:#adb5bd}.page-notifications .pagination-container .pagination-info{text-align:center;color:#6c757d;font-size:13px}@media(max-width:768px){.page-notifications .notifications-header .notification-stats{flex-direction:column;gap:.5rem;width:100%}.page-notifications .notifications-header .notification-filters{width:100%}.page-notifications .notifications-header .notification-filters .filter-btn{flex:1 1}.page-notifications .notification-item{flex-direction:column}.page-notifications .notification-item .notification-action{align-self:flex-end}}.page-employee-login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#c67c32,#a66428)}.page-employee-login .login-page{width:100%;max-width:450px;padding:1.5rem}.page-employee-login .login-container{width:100%}.page-employee-login .alert{padding:1rem;margin-bottom:1rem;border-radius:4px;display:flex;align-items:center;gap:.5rem}.page-employee-login .alert.alert-error{background:#f6cdd1;border-left:4px solid #dc3545;color:#dc3545}.page-employee-login .login-box{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 15px rgba(0,0,0,.1)}.page-employee-login .login-box .form-actions{padding:0}.page-employee-login .logo{text-align:center;margin-bottom:1.5rem}.page-employee-login .logo i{font-size:48px;color:#c67c32}.page-employee-login .login-header{text-align:center;margin-bottom:1.5rem}.page-employee-login .login-header h1{font-size:24px;color:#c67c32;margin-bottom:.25rem;line-height:1.2}.page-employee-login .login-header p{color:#6c757d;font-size:13px}.page-employee-login .login-info{background:#f8efe5;border-left:4px solid #c67c32;padding:1rem;margin-bottom:1.5rem;border-radius:4px}.page-employee-login .login-info p{margin:0 0 .25rem;color:#a66428;font-size:14px}.page-employee-login .login-info ul{list-style:none;margin:.25rem 0 0;padding:0}.page-employee-login .login-info ul li{padding:.25rem 0;font-size:13px;color:#212529}.page-employee-login .login-info ul li strong{color:#a66428}.page-employee-login .login-form .btn{width:100%}@media(max-width:768px){.page-employee-login .login-page{max-width:100%;padding:.5rem}.page-employee-login .login-box{padding:1.5rem}}.page-employee-dashboard{min-height:100vh;background:#f5f7fa}.page-employee-dashboard .staff-main{padding:2rem 0}.page-employee-dashboard .staff-main .welcome-section{margin-bottom:2rem}.page-employee-dashboard .staff-main .welcome-section h2{font-size:28px;color:#212529;margin-bottom:.25rem}.page-employee-dashboard .staff-main .welcome-section h2 .highlight{color:#c67c32}.page-employee-dashboard .staff-main .welcome-section p{color:#6c757d;font-size:16px}.page-employee-dashboard .staff-main .welcome-section p strong{color:#c67c32}.page-employee-dashboard .staff-main .section{margin-bottom:2rem}.page-employee-dashboard .staff-main .section .section-title{font-size:20px;font-weight:600;color:#212529;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.page-employee-dashboard .staff-main .section .section-title i{color:#c67c32}.page-employee-dashboard .staff-main .action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}@media(max-width:768px){.page-employee-dashboard .staff-main .action-cards{grid-template-columns:1fr}}.page-employee-dashboard .staff-main .action-cards .action-card{position:relative;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:all .3s;border-left:4px solid transparent}.page-employee-dashboard .staff-main .action-cards .action-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-4px)}.page-employee-dashboard .staff-main .action-cards .action-card:hover .card-icon{transform:scale(1.05)}.page-employee-dashboard .staff-main .action-cards .action-card .card-badge{position:absolute;top:1rem;right:1rem;background:#dc3545;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.page-employee-dashboard .staff-main .action-cards .action-card .card-icon{width:60px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s}.page-employee-dashboard .staff-main .action-cards .action-card .card-icon i{color:#fff;font-size:28px}.page-employee-dashboard .staff-main .action-cards .action-card h4{font-size:16px;color:#212529;margin-bottom:.25rem;font-weight:600}.page-employee-dashboard .staff-main .action-cards .action-card p{color:#6c757d;font-size:13px;line-height:1.5}.page-employee-dashboard .staff-main .activity-list{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);overflow:hidden}.page-employee-dashboard .staff-main .activity-list .activity-item{padding:1rem;border-bottom:1px solid #dee2e6;display:flex;align-items:flex-start;gap:1rem;transition:all .3s}.page-employee-dashboard .staff-main .activity-list .activity-item:last-child{border-bottom:none}.page-employee-dashboard .staff-main .activity-list .activity-item:hover{background:#f8f9fa}.page-employee-dashboard .staff-main .activity-list .activity-item .activity-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.page-employee-dashboard .staff-main .activity-list .activity-item .activity-icon i{font-size:18px}.page-employee-dashboard .staff-main .activity-list .activity-item .activity-content{flex:1 1}.page-employee-dashboard .staff-main .activity-list .activity-item .activity-content p{margin:0 0 .25rem;color:#6c757d;font-size:13px}.page-employee-dashboard .staff-main .activity-list .activity-item .activity-content p strong{color:#212529}.page-employee-dashboard .staff-main .activity-list .activity-item .activity-content .activity-time{color:#adb5bd;font-size:12px}.page-case-management .submit-box{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}.page-case-management .submit-box .form-actions{padding:0}.page-case-management .case-info-section,.page-case-management .form-section{margin-bottom:32px;padding:0;border-bottom:none}.page-case-management .case-info-section .section-title,.page-case-management .form-section .section-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 16px;display:flex;align-items:center;gap:8px}.page-case-management .case-info-section .section-title i,.page-case-management .form-section .section-title i{color:#c67c32}.page-case-management .case-info-section .info-grid,.page-case-management .form-section .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px}.page-case-management .case-info-section .info-item,.page-case-management .form-section .info-item{display:flex;flex-direction:column;gap:4px}.page-case-management .case-info-section .info-item label,.page-case-management .form-section .info-item label{font-size:.875rem;color:#6b7280;font-weight:500}.page-case-management .case-info-section .info-item .info-value,.page-case-management .form-section .info-item .info-value{font-size:1rem;color:#1f2937;font-weight:500}.page-case-management .decision-cards{display:flex;flex-wrap:nowrap;gap:16px}.page-case-management .decision-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;min-width:120px;cursor:pointer;transition:all .2s}.page-case-management .decision-card:hover{border-color:#c67c32;background:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.page-case-management .decision-card.selected{border-color:#c67c32;background:rgba(198,124,50,.05);box-shadow:0 0 0 3px rgba(198,124,50,.1)}.page-case-management .decision-card.selected .decision-icon.success{background:#10b981;color:#fff}.page-case-management .decision-card.selected .decision-icon.danger{background:#ef4444;color:#fff}.page-case-management .decision-card.selected .decision-label{color:#c67c32;font-weight:600}.page-case-management .decision-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:32px;transition:all .2s}.page-case-management .decision-icon.success{background:rgba(16,185,129,.1);color:#10b981}.page-case-management .decision-icon.danger{background:rgba(239,68,68,.1);color:#ef4444}.page-case-management .decision-label{font-size:1rem;font-weight:500;color:#1f2937;transition:all .2s}.page-case-management .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.page-case-management .empty-state i{font-size:48px;margin-bottom:16px;color:#d1d5db}.page-case-management .empty-state p{font-size:1rem;margin:0}.page-case-management .file-upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s;background:#fafafa}.page-case-management .file-upload-area:hover{border-color:#c67c32;background:rgba(198,124,50,.02)}.page-case-management .file-upload-area.dragover{border-color:#c67c32;background:rgba(198,124,50,.05);border-style:solid}.page-case-management .file-upload-area .upload-icon{width:64px;height:64px;margin:0 auto 16px;color:#c67c32}.page-case-management .file-upload-area .upload-icon svg{width:100%;height:100%}.page-case-management .file-upload-area .upload-text{font-size:1rem;font-weight:500;color:#1f2937;margin-bottom:8px}.page-case-management .file-upload-area .upload-hint{font-size:.875rem;color:#6b7280}.page-case-management .file-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.page-case-management .file-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s}.page-case-management .file-item:hover{background:#f3f4f6;border-color:#d1d5db}.page-case-management .file-item .file-info{display:flex;align-items:center;gap:8px;flex:1 1;min-width:0}.page-case-management .file-item i[class*=fa-file]{font-size:1.25rem;color:#c67c32;flex-shrink:0}.page-case-management .file-item .file-name{flex:1 1;font-size:.9375rem;font-weight:500;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-case-management .file-item .file-size{font-size:.8125rem;color:#6b7280;flex-shrink:0}.page-case-management .file-item .file-remove{background:none;border:none;padding:4px 8px;cursor:pointer;color:#9ca3af;transition:color .2s;flex-shrink:0}.page-case-management .file-item .file-remove:hover{color:#ef4444}.page-case-management .file-item .file-remove i{font-size:1rem}@media(max-width:768px){.page-case-management .submit-box{padding:1.5rem}.page-case-management .case-info-section .info-grid,.page-case-management .decision-cards,.page-case-management .form-section .info-grid{grid-template-columns:1fr}}@media(max-width:576px){.page-case-management .submit-box{padding:1rem;border-radius:12px}.page-case-management .case-info-section,.page-case-management .form-section{margin-bottom:24px}.page-case-management .decision-card{padding:20px 12px}.page-case-management .decision-icon{width:56px;height:56px;font-size:28px}}.client-main,.staff-main{min-height:calc(100vh - 71px - 64.4px);padding:2rem 0}.client-main .container,.staff-main .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.p-sm{padding:.5rem}.p-md{padding:1rem}.p-lg{padding:1.5rem}.p-xl{padding:2rem}.nowrap{white-space:nowrap}