.notification-container{position:fixed;bottom:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification-toast{min-width:300px;max-width:400px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;display:flex;align-items:flex-start;gap:12px;pointer-events:auto;animation:slideInRight .3s ease-out;border-left:4px solid}.notification-toast-success{border-left-color:#4caf50}.notification-toast-error{border-left-color:#f44336}.notification-toast-warning{border-left-color:#ff9800}.notification-toast-info{border-left-color:#2196f3}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-content{display:flex;align-items:flex-start;gap:12px;width:100%}.notification-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}.notification-icon{font-size:24px}.notification-toast-success .notification-icon{color:#4caf50}.notification-toast-error .notification-icon{color:#f44336}.notification-toast-warning .notification-icon{color:#ff9800}.notification-toast-info .notification-icon{color:#2196f3}.notification-message{flex:1;display:flex;flex-direction:column;gap:4px}.notification-title{margin:0;font-size:var(--text-ui);font-weight:var(--weight-semibold);color:#333;line-height:1.4}.notification-description{margin:0;font-size:var(--text-caption);color:#666;line-height:1.4}.notification-close{background:none;border:none;cursor:pointer;color:#999;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease,color .2s ease;flex-shrink:0}.notification-close:hover{background-color:#f5f5f5;color:#333}.notification-close svg{font-size:18px}.notification-link-wrapper{margin-top:8px}.notification-link{color:#2196f3;text-decoration:none;font-size:var(--text-caption);font-weight:var(--weight-medium);transition:color .2s ease;display:inline-block}.notification-link:hover{color:#1976d2;text-decoration:underline}.notification-link-button{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#e8eaf6,#c5cae9,#9fa8da);padding:1rem}.login-card{width:100%;max-width:420px;background:#fff;border-radius:20px;padding:2.5rem 2.5rem 2rem;box-shadow:0 10px 40px #1a237e1f,0 2px 8px #0000000f;animation:cardFadeIn .45s ease-out}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-logo-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.75rem}.login-logo{width:72px;height:72px;object-fit:contain}.login-app-name{font-size:var(--text-logo, 2.75rem);font-weight:var(--weight-bold, 700);color:#1a237e;letter-spacing:-.5px;margin:0;line-height:1}.login-subtitle{text-align:center;font-size:var(--text-ui, .9375rem);color:#666;margin:0 0 1.75rem}.login-form{display:flex;flex-direction:column;gap:1.15rem}.login-field{display:flex;flex-direction:column;gap:.35rem}.login-field label{font-size:var(--text-caption, .875rem);font-weight:var(--weight-semibold, 600);color:#333}.login-field input{width:100%;padding:.75rem 1rem;font-size:var(--text-body, 1rem);font-family:var(--font-primary, "Montserrat", sans-serif);border:1.5px solid #d0d4e4;border-radius:10px;outline:none;background:#f8f9fc;box-sizing:border-box;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.login-field input:focus{border-color:#1a237e;box-shadow:0 0 0 3px #1a237e1a;background:#fff}.login-field input::placeholder{color:#aaa}.login-submit{width:100%;padding:.8rem;margin-top:.5rem;font-size:var(--text-body, 1rem);font-weight:var(--weight-bold, 700);font-family:var(--font-primary, "Montserrat", sans-serif);color:#fff;background:linear-gradient(135deg,#1a237e,#283593);border:none;border-radius:10px;cursor:pointer;transition:transform .15s ease,box-shadow .25s ease,opacity .25s ease}.login-submit:hover{box-shadow:0 4px 16px #1a237e4d;transform:translateY(-1px)}.login-submit:active{transform:scale(.98) translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.dashboard-container{max-width:1200px;margin:0 auto;padding:24px;background-color:#fff;min-height:calc(100vh - 64px)}.dashboard-header{text-align:center;margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid #e0e0e0}.dashboard-title{font-size:var(--text-h1);font-weight:var(--weight-bold);color:#130a64;margin:0 0 12px}.dashboard-subtitle{font-size:var(--text-body-lg);color:#666;margin:0}.dashboard-content{display:flex;flex-direction:column;gap:32px}.dashboard-section{width:100%}.section-title{font-size:var(--text-h2);font-weight:var(--weight-semibold);color:#130a64;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #130a64}.info-card{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.info-text{font-size:var(--text-body-lg);line-height:var(--lh-body);color:#333;margin:0 0 16px}.info-list{margin:16px 0 0;padding-left:24px;color:#555}.info-list li{margin-bottom:8px;line-height:1.6}.navigation-explanation{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.nav-explanation-card{background-color:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s ease}.nav-explanation-card:hover{border-color:#130a64;box-shadow:0 4px 12px #130a6426}.nav-explanation-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.nav-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#130a64;color:#fff;border-radius:8px}.nav-explanation-header h3{margin:0;font-size:var(--text-h3);color:#130a64}.nav-explanation-content{color:#555;line-height:1.6}.nav-explanation-content ul{margin:12px 0 0;padding-left:20px}.nav-explanation-content li{margin-bottom:8px}.sections-grid{display:flex;flex-direction:column;gap:32px}.section-group{background-color:#f8f9fa;border-radius:12px;padding:24px;border:1px solid #e0e0e0}.section-group-title{font-size:var(--text-h3);font-weight:var(--weight-semibold);color:#130a64;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #d0d0d0}.menu-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.menu-card{background-color:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:20px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;transition:all .3s ease}.menu-card:hover{border-color:#130a64;box-shadow:0 4px 12px #130a6433;transform:translateY(-2px)}.menu-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#130a64;color:#fff;border-radius:10px;flex-shrink:0;font-size:24px}.menu-card-content{flex:1}.menu-card-title{font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:#130a64;margin:0 0 8px}.menu-card-description{font-size:var(--text-ui);color:#666;line-height:var(--lh-body);margin:0}.quick-tip{background:linear-gradient(135deg,#fff3cd,#ffe69c);border-left:4px solid #ffc107;border-radius:8px;padding:20px;margin-top:20px}.tip-title{font-size:var(--text-h3);font-weight:var(--weight-semibold);color:#856404;margin:0 0 12px}.tip-text{font-size:var(--text-body);color:#856404;line-height:var(--lh-body);margin:0}@media (max-width: 768px){.dashboard-container{padding:16px}.dashboard-title{font-size:var(--text-h2)}.dashboard-subtitle{font-size:var(--text-body)}.navigation-explanation,.menu-cards{grid-template-columns:1fr}.section-title{font-size:var(--text-h3)}}.task-card{background-color:#fff;border-radius:6px;padding:10px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s,transform .2s;border-left:4px solid #2196f3;display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box;min-width:0}.task-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.task-card.overdue{border-left-color:#f44336!important}.task-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.task-card-title-section{flex:1;display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.task-card-title{margin:0;font-size:var(--text-caption);font-weight:600;color:#333;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;flex:1;min-width:0}.task-card-actions{display:flex;gap:4px;flex-shrink:0}.btn-icon{background:none;border:none;cursor:pointer;padding:4px;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;flex-shrink:0}.btn-icon:hover{background-color:#f0f0f0}.btn-icon-danger:hover{background-color:#ffebee;color:#f44336}.task-priority-select-inline{padding:2px 18px 2px 6px;border:none;border-radius:8px;font-size:var(--text-small);font-weight:600;text-transform:uppercase;cursor:pointer;color:#fff;transition:opacity .2s;flex-shrink:0;white-space:nowrap;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='white' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:8px;height:20px;line-height:16px}.task-priority-select-inline:hover{opacity:.85}.task-priority-select-inline:focus{outline:none;opacity:.85;box-shadow:0 0 0 2px #ffffff4d}.task-priority-select-inline option{background-color:#fff;color:#333;padding:4px}.task-card-description{color:#666;font-size:var(--text-small);line-height:1.4;margin:0;word-wrap:break-word;overflow-wrap:break-word;max-height:32px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.task-card-info{display:flex;flex-direction:column;gap:4px;padding-top:6px;border-top:1px solid #f0f0f0}.task-info-row{display:flex;align-items:center;gap:4px;font-size:var(--text-small)}.task-info-label{color:#999;font-weight:var(--weight-medium);min-width:60px;font-size:var(--text-small);flex-shrink:0}.task-info-value{color:#333;font-weight:var(--weight-medium);font-size:var(--text-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-info-value.overdue{color:#f44336;font-weight:600}.task-status-select{padding:3px 6px;border:1px solid #e0e0e0;border-radius:4px;font-size:var(--text-small);font-weight:var(--weight-medium);cursor:pointer;background-color:#fff;transition:border-color .2s;flex:1;max-width:140px}.task-status-select:focus{outline:none;border-color:#2196f3}.task-priority-select{padding:3px 6px;border:1px solid #e0e0e0;border-radius:4px;font-size:var(--text-small);font-weight:var(--weight-medium);cursor:pointer;background-color:#fff;transition:border-color .2s;flex:1;max-width:140px}.task-priority-select:focus{outline:none;border-color:#2196f3}.task-card-labels{display:flex;flex-wrap:wrap;gap:3px;padding-top:4px}.task-label{background-color:#f5f5f5;color:#666;padding:2px 8px;border-radius:10px;font-size:var(--text-small);border:1px solid #e0e0e0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.task-form-modal{background-color:#fff;border-radius:8px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header h2{margin:0;font-size:var(--text-h2);color:#333}.btn-close{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.btn-close:hover{background-color:#f0f0f0}.task-form{display:flex;flex-direction:column;gap:16px;padding:20px}.form-row{display:flex;gap:16px}.form-group{flex:1;display:flex;flex-direction:column}.form-group-full{width:100%}.form-group label{margin-bottom:8px;font-weight:var(--weight-medium);color:#333;font-size:var(--text-caption)}.form-group .required{color:#f44336}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:var(--text-caption);font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2196f3}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#f44336}.form-group textarea{resize:vertical;min-height:80px}.error-message{color:#f44336;font-size:12px;margin-top:4px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid #e0e0e0}.btn-cancel{background-color:#f5f5f5;color:#333;border:1px solid #ddd;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:var(--text-caption);transition:background-color .2s}.btn-cancel:hover{background-color:#e0e0e0}.btn-save{background-color:#2196f3;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:var(--text-caption);font-weight:var(--weight-medium);transition:background-color .2s}.btn-save:hover:not(:disabled){background-color:#1976d2}.btn-save:disabled{opacity:.6;cursor:not-allowed}.task-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.task-history-container{background-color:#fff;border-radius:8px;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d;overflow:hidden}.task-history-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.task-history-header h2{margin:0;font-size:var(--text-h2);font-weight:var(--weight-semibold);color:#333}.task-history-search{position:relative;padding:15px 20px;border-bottom:1px solid #e0e0e0}.history-search-input{width:100%;padding:10px 40px 10px 15px;font-size:var(--text-caption);border:1px solid #ddd;border-radius:5px;outline:none;transition:border-color .3s ease;box-sizing:border-box}.history-search-input:focus{border-color:#007bff}.task-history-content{flex:1;overflow-y:auto;padding:20px}.history-table-container{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;font-size:var(--text-caption)}.history-table thead{background-color:#f8f9fa;position:sticky;top:0;z-index:10}.history-table th{padding:12px;text-align:left;font-weight:var(--weight-semibold);color:#333;border-bottom:2px solid #ddd;white-space:nowrap}.history-table td{padding:12px;border-bottom:1px solid #e0e0e0;vertical-align:middle}.history-table tbody tr:hover{background-color:#f8f9fa}.task-title-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:var(--text-small);font-weight:var(--weight-medium)}.status-pending{background-color:#fff3cd;color:#856404}.status-in_progress{background-color:#cfe2ff;color:#084298}.status-completed{background-color:#d1e7dd;color:#0f5132}.status-cancelled,.status-voided{background-color:#f8d7da;color:#842029}.priority-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:var(--text-small);font-weight:var(--weight-medium)}.priority-1{background-color:#e3f2fd;color:#1976d2}.priority-2{background-color:#fff9c4;color:#f57f17}.priority-3{background-color:#ffe0b2;color:#e65100}.priority-4{background-color:#ffcdd2;color:#c62828}.history-actions{display:flex;gap:8px}.btn-action{background:none;border:1px solid #ddd;padding:6px 8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#666}.btn-action:hover{background-color:#f0f0f0}.btn-view:hover{border-color:#2196f3;color:#2196f3}.btn-restore:hover{border-color:#4caf50;color:#4caf50}.task-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.task-details-content{background-color:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d;overflow:hidden}.task-details-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.task-details-header h3{margin:0;font-size:var(--text-h4);font-weight:var(--weight-semibold);color:#333}.task-details-body{padding:20px;overflow-y:auto;flex:1}.detail-row{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-row strong{display:block;margin-bottom:4px;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.detail-row{color:#333;font-size:var(--text-caption);line-height:1.5}.task-details-footer{padding:20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.btn-restore-task{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:var(--weight-medium);display:flex;align-items:center;gap:8px;transition:background-color .2s}.btn-restore-task:hover{background-color:#45a049}@media (max-width: 768px){.task-history-container{max-width:100%;max-height:100vh;border-radius:0}.history-table{font-size:var(--text-small)}.history-table th,.history-table td{padding:8px}.task-title-cell{max-width:150px}}.task-list-container{padding:20px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden}.task-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;flex-wrap:wrap;gap:16px}.task-list-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.task-list-title-section{display:flex;align-items:center;gap:16px}.task-list-title-section h1{margin:0;font-size:var(--text-h1);font-weight:600;color:#333}.task-count-badge{background-color:#e3f2fd;color:#1976d2;padding:6px 12px;border-radius:16px;font-size:var(--text-caption);font-weight:var(--weight-medium)}.btn-create-task{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:5px;cursor:pointer;font-size:var(--text-body);font-weight:var(--weight-bold);display:flex;align-items:center;gap:8px;transition:background-color .2s}.btn-create-task:hover{background-color:#1976d2}.btn-secondary{background-color:#f5f5f5;color:#333;border:1px solid #ddd;padding:12px 24px;border-radius:5px;cursor:pointer;font-size:var(--text-body);font-weight:var(--weight-bold);display:flex;align-items:center;gap:8px;transition:all .2s}.btn-clean-tasks{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:5px;border:none;background-color:#ff9800;color:#fff;cursor:pointer;font-size:var(--text-body);font-weight:var(--weight-bold);transition:background-color .3s ease}.btn-clean-tasks:hover{background-color:#f57c00}.btn-history-tasks{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:5px;border:none;background-color:#607d8b;color:#fff;cursor:pointer;font-size:var(--text-body);font-weight:var(--weight-bold);transition:background-color .3s ease}.btn-history-tasks:hover{background-color:#455a64}.btn-create-task:hover{background-color:#0056b3}.btn-create-task .MuiSvgIcon-root,.btn-clean-tasks .MuiSvgIcon-root,.btn-history-tasks .MuiSvgIcon-root{font-size:18px}.btn-secondary:hover{background-color:#e0e0e0;border-color:#bbb}.task-list-filters{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.search-input{width:100%;padding:12px 40px 12px 15px;font-size:var(--text-body);border:2px solid #ddd;border-radius:5px;outline:none;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.btn-clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:var(--text-h2);color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:var(--text-caption);background-color:#fff;cursor:pointer;outline:none;transition:border-color .3s ease}.btn-clear-filters{background-color:#f8f9fa;border:1px solid #ddd;padding:8px 16px;border-radius:5px;font-size:var(--text-caption);cursor:pointer;color:#666;transition:all .2s ease}.btn-clear-filters:hover{background-color:#e9ecef;border-color:#adb5bd}.results-count{margin-top:12px;font-size:var(--text-caption);color:#666;font-style:italic}.task-list-content{min-height:400px}.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:var(--text-body)}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%;box-sizing:border-box}@media (max-width: 768px){.task-grid{grid-template-columns:1fr}.task-list-header{flex-direction:column;align-items:flex-start}.btn-create-task{width:100%;justify-content:center}}.credential-list-page{padding:20px;max-width:1400px;margin:0 auto}.credential-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.credential-header h1{color:#130a64;margin:0}.no-users{text-align:center;padding:40px;color:#666}.user-table-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.user-table{width:100%;border-collapse:collapse}.user-table thead{background-color:#f8f9fa}.user-table th{padding:12px 16px;text-align:left;font-weight:var(--weight-semibold);color:#130a64;border-bottom:2px solid #e0e0e0;font-size:var(--text-caption)}.user-table td{padding:12px 16px;border-bottom:1px solid #e0e0e0;color:#333;font-size:var(--text-caption)}.user-table tbody tr:hover{background-color:#f8f9fa}.user-table tbody tr:last-child td{border-bottom:none}.role-badge{padding:4px 10px;border-radius:12px;font-size:var(--text-small);font-weight:var(--weight-bold);display:inline-block}.role-badge.admin{background-color:#dc3545;color:#fff}.role-badge.user{background-color:#17a2b8;color:#fff}.table-actions{display:flex;gap:6px;align-items:center}.btn-view,.btn-edit,.btn-delete{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;font-size:var(--text-body);transition:background-color .2s ease,transform .1s ease;background:none;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px}.btn-view:hover{background-color:#e0f7fa;transform:scale(1.1)}.btn-edit:hover{background-color:#fff9e6;transform:scale(1.1)}.btn-delete:hover{background-color:#ffebee;transform:scale(1.1)}.user-form{padding:20px}.user-detail{padding:20px}@media (max-width: 768px){.credential-header{flex-direction:column;align-items:flex-start;gap:15px}.user-table-container{overflow-x:auto}.user-table{min-width:600px}.form-row,.detail-grid{grid-template-columns:1fr}.modal-content{max-width:100%;margin:10px}.filters-container{flex-direction:column;align-items:stretch}.filter-group,.filter-select{width:100%}.btn-clear-filters{margin-left:0;width:100%}.search-input{font-size:var(--text-caption)}}.supplier-list-page{padding:20px;max-width:1400px;margin:0 auto}.supplier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.supplier-header-left{display:flex;align-items:center;gap:16px}.supplier-header h1{color:#130a64;margin:0}.view-toggle{display:flex;border:1px solid #ddd;border-radius:6px;overflow:hidden}.view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:6px 10px;border:none;background-color:#fff;color:#888;cursor:pointer;transition:background-color .2s ease,color .2s ease}.view-toggle-btn:not(:last-child){border-right:1px solid #ddd}.view-toggle-btn:hover{background-color:#f0f0f0;color:#333}.view-toggle-btn.active{background-color:#130a64;color:#fff}.filter-group label{font-weight:500;color:#333;white-space:nowrap}.no-suppliers{text-align:center;padding:40px;color:#666}.supplier-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.supplier-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.supplier-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.supplier-card.inactive{opacity:.7;background-color:#f5f5f5}.supplier-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.supplier-card-header h3{margin:0;color:#130a64;font-size:var(--text-h3)}.supplier-card-body{margin-bottom:15px}.supplier-card-body p{margin:8px 0;color:#333;font-size:var(--text-caption)}.supplier-card-body strong{color:#130a64;margin-right:5px}.supplier-card-actions{display:flex;gap:8px;flex-wrap:wrap}.supplier-table-container{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.supplier-table{width:100%;border-collapse:collapse;table-layout:fixed}.supplier-table thead th{background-color:#130a64;color:#fff;font-weight:600;padding:0;text-align:left;font-size:var(--text-caption);position:sticky;top:0;z-index:1;overflow:hidden}.supplier-table thead th .th-content{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.th-sortable{-webkit-user-select:none;user-select:none;cursor:pointer}.th-sortable:hover .th-label{text-decoration:underline;text-underline-offset:4px;opacity:.95}.th-label{display:inline-flex;align-items:center;gap:6px}.sort-indicator{font-size:11px;margin-left:6px;opacity:.9}.sort-indicator.asc{transform:translateY(-1px)}.resize-handle{position:absolute;right:0;top:0;bottom:0;width:10px;cursor:col-resize;background:linear-gradient(90deg,#ffffff14,#ffffff08);z-index:6;transition:background-color .12s,box-shadow .12s,transform .12s;display:flex;align-items:center;justify-content:center}.resize-handle:before{content:"";display:block;width:2px;height:62%;background:#fffffff2;border-radius:2px;box-shadow:0 0 0 1px #0000000f inset}.resize-handle:hover,.resize-handle:active{background:linear-gradient(90deg,#ffffff2e,#ffffff14);box-shadow:0 0 6px #ffffff14 inset}.supplier-table thead th .th-content{padding-right:22px}.supplier-table tbody tr{transition:background-color .15s ease}.supplier-table tbody tr:nth-child(2n){background-color:#f8f9fa}.supplier-table tbody tr:hover{background-color:#e8ecf1}.supplier-table tbody tr.row-inactive{opacity:.65;background-color:#f5f5f5}.supplier-table tbody tr.row-inactive:hover{background-color:#eaeaea}.supplier-table td{padding:10px;border-bottom:1px solid #e0e0e0;font-size:var(--text-caption);color:#333;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-table .td-name{font-weight:600;color:#130a64}.supplier-table .td-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-table .detail-click-cell{position:relative;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.supplier-table .detail-click-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000014;transform:scaleX(0);transform-origin:right center;transition:transform .2s ease;pointer-events:none}.supplier-table .detail-click-cell:hover:before{transform:scaleX(1);transform-origin:left center}.supplier-table .td-status{text-align:center;padding:0}.status-dot{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:11px;font-weight:700;color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s;line-height:1}.status-dot:hover{transform:scale(1.15);box-shadow:0 0 0 3px #0000001a}.status-dot.active{background-color:#4caf50}.status-dot.inactive{background-color:#f44336}.table-actions{display:flex;gap:8px;flex-wrap:nowrap;justify-content:center;padding:0 6px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;color:#fff;transition:transform .12s,box-shadow .12s,background-color .18s;margin:0}.btn-icon:hover{transform:scale(1.06);box-shadow:0 2px 6px #0000001f}.btn-icon-view{background-color:#17a2b8}.btn-icon-edit{background-color:#ffc107;color:#333}.btn-icon-delete{background-color:#dc3545}.btn-icon-view:hover{background-color:#138496}.btn-icon-edit:hover{background-color:#e0a800}.btn-icon-delete:hover{background-color:#c82333}.btn-icon .MuiSvgIcon-root{font-size:16px}.supplier-table td:last-child{padding-left:8px;padding-right:8px}.supplier-form{padding:20px}.form-group label{margin-bottom:5px;color:#333;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px;font-family:inherit}.checkbox-group{flex-direction:row;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.supplier-detail{padding:20px}.stat-value{font-size:20px;font-weight:var(--weight-bold);color:#130a64}.btn-close-modal{padding:10px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:var(--weight-bold)}.supplier-status-select{padding:3px 6px;border:1px solid #e0e0e0;border-radius:4px;font-size:var(--text-small);font-weight:500;cursor:pointer;transition:border-color .2s;color:#fff;font-weight:var(--weight-bold)}.supplier-status-select:focus{outline:none}.supplier-status-select option{background-color:#fff;color:#333;padding:4px}@media (max-width: 768px){.supplier-header{flex-direction:column;align-items:flex-start;gap:15px}.supplier-header-left{flex-wrap:wrap}.supplier-grid{grid-template-columns:1fr}.supplier-table-container{margin:0 -10px;border-radius:0}.form-row,.detail-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.modal-content{max-width:100%;margin:10px}.filters-container{flex-direction:column;align-items:stretch}.filter-group,.filter-select{width:100%}.btn-clear-filters{margin-left:0;width:100%}.search-input{font-size:var(--text-caption)}}.order-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.order-history-container{background-color:#fff;border-radius:8px;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d;overflow:hidden}.order-history-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.order-history-header h2{margin:0;font-size:var(--text-h2);font-weight:var(--weight-semibold);color:#333}.order-history-container .btn-close-history{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;color:#666}.order-history-container .btn-close-history:hover{background-color:#e0e0e0}.order-history-search{position:relative;padding:15px 20px;border-bottom:1px solid #e0e0e0}.order-history-search .history-search-input{width:100%;padding:10px 40px 10px 15px;font-size:var(--text-caption);border:1px solid #ddd;border-radius:5px;outline:none;transition:border-color .3s ease;box-sizing:border-box}.order-history-search .history-search-input:focus{border-color:#007bff}.order-history-content{flex:1;overflow-y:auto;padding:20px}.order-history-content .history-table-container{overflow-x:auto}.order-history-content .history-table{width:100%;border-collapse:collapse;font-size:var(--text-caption)}.order-history-content .history-table thead{background-color:#f8f9fa;position:sticky;top:0;z-index:10}.order-history-content .history-table th{padding:12px;text-align:left;font-weight:var(--weight-semibold);color:#333;border-bottom:2px solid #ddd;white-space:nowrap}.order-history-content .history-table td{padding:12px;border-bottom:1px solid #e0e0e0;vertical-align:middle}.order-history-content .history-table tbody tr:hover{background-color:#f8f9fa}.order-invoice-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-history-content .status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:var(--text-small);font-weight:var(--weight-medium)}.order-history-content .status-pending{background-color:#fff3cd;color:#856404}.order-history-content .status-paid{background-color:#d1e7dd;color:#0f5132}.order-history-content .status-cancelled{background-color:#f8d7da;color:#842029}.order-history-content .history-actions{display:flex;gap:8px}.order-history-content .btn-action{background:none;border:1px solid #ddd;padding:6px 8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#666}.order-history-content .btn-action:hover{background-color:#f0f0f0}.order-history-content .btn-view:hover{border-color:#2196f3;color:#2196f3}.order-history-content .btn-restore:hover{border-color:#4caf50;color:#4caf50}.order-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.order-details-content{background-color:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d;overflow:hidden}.order-details-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.order-details-header h3{margin:0;font-size:var(--text-h4);font-weight:var(--weight-semibold);color:#333}.order-details-body{padding:20px;overflow-y:auto;flex:1}.order-details-body .detail-row{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.order-details-body .detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.order-details-body .detail-row strong{display:block;margin-bottom:4px;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.order-details-body .detail-row{color:#333;font-size:var(--text-caption);line-height:1.5}.order-details-footer{padding:20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.btn-restore-order{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:var(--weight-medium);display:flex;align-items:center;gap:8px;transition:background-color .2s}.btn-restore-order:hover{background-color:#45a049}.order-history-content .empty-state{text-align:center;padding:60px 20px;color:#999;font-size:var(--text-body)}.order-history-search .btn-clear-search{position:absolute;right:30px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;cursor:pointer;color:#999;padding:4px 8px}.order-history-search .btn-clear-search:hover{color:#333}@media (max-width: 768px){.order-history-container{max-width:100%;max-height:100vh;border-radius:0}.order-history-content .history-table{font-size:var(--text-small)}.order-history-content .history-table th,.order-history-content .history-table td{padding:8px}.order-invoice-cell{max-width:150px}}.order-list-page{padding:20px;max-width:1400px;margin:0 auto}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.order-header-left{display:flex;align-items:center;gap:16px}.order-header-right{display:flex;align-items:center;gap:10px}.order-header h1{color:#130a64;margin:0}.order-view-toggle{display:flex;border:1px solid #ddd;border-radius:6px;overflow:hidden}.order-view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:6px 10px;border:none;background-color:#fff;color:#888;cursor:pointer;transition:background-color .2s ease,color .2s ease}.order-view-toggle-btn:not(:last-child){border-right:1px solid #ddd}.order-view-toggle-btn:hover{background-color:#f0f0f0;color:#333}.order-view-toggle-btn.active{background-color:#130a64;color:#fff}.btn-clean-orders,.btn-history-orders{display:flex;align-items:center;gap:6px;border:none;padding:12px 24px;border-radius:5px;cursor:pointer;font-size:var(--text-body);font-weight:var(--weight-bold);transition:background-color .3s ease;color:#fff}.btn-clean-orders{background-color:#ff9800}.btn-clean-orders:hover{background-color:#f57c00}.btn-history-orders{background-color:#607d8b}.btn-history-orders:hover{background-color:#455a64}.no-orders{text-align:center;padding:40px;color:#666}.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.order-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.order-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.order-card-header h3{margin:0;color:#130a64;font-size:var(--text-h3)}.order-card-body{margin-bottom:15px}.order-card-body p{margin:8px 0;color:#333;font-size:var(--text-caption)}.order-card-body strong{color:#130a64;margin-right:5px}.order-card-actions{display:flex;gap:8px;flex-wrap:wrap}.order-form{padding:20px}.order-detail{padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.stat-card{background-color:#f8f9fa;padding:15px;border-radius:8px;text-align:center;border:2px solid #e0e0e0}.stat-card.highlight{background-color:#fff3cd;border-color:#ffc107}.stat-label{font-size:var(--text-small);color:#666;margin-bottom:8px;text-transform:uppercase}.stat-value{font-size:var(--text-h4);font-weight:var(--weight-bold);color:#130a64}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;margin-top:10px}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.data-table th{background-color:#f8f9fa;font-weight:var(--weight-bold);color:#130a64}.order-status-select{padding:3px 6px;border:1px solid #e0e0e0;border-radius:4px;font-size:var(--text-small);font-weight:var(--weight-medium);cursor:pointer;transition:border-color .2s;color:#fff;font-weight:var(--weight-bold)}.order-status-select:focus{outline:none}.order-status-select option{background-color:#fff;color:#333;padding:4px}.order-table-container{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.order-table{width:100%;border-collapse:collapse;table-layout:fixed}.order-table thead th{background-color:#130a64;color:#fff;font-weight:600;padding:0;text-align:left;font-size:var(--text-caption);position:sticky;top:0;z-index:1;overflow:hidden}.order-table thead th .th-content{display:flex;align-items:center;justify-content:space-between;padding:12px 22px 12px 14px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-table tbody tr{transition:background-color .15s ease}.order-table tbody tr:nth-child(2n){background-color:#f8f9fa}.order-table tbody tr:hover{background-color:#e8ecf1}.order-table td{padding:10px;border-bottom:1px solid #e0e0e0;font-size:var(--text-caption);color:#333;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-table .td-invoice{font-weight:600;color:#130a64}.order-table .td-supplier{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-table .detail-click-cell{position:relative;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.order-table .detail-click-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000014;transform:scaleX(0);transform-origin:right center;transition:transform .2s ease;pointer-events:none}.order-table .detail-click-cell:hover:before{transform:scaleX(1);transform-origin:left center}.order-status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:var(--text-small);font-weight:600;color:#fff;white-space:nowrap}.date-overdue{color:#f44336;font-weight:700}.date-soon{color:#ff9800;font-weight:700}.date-ok{color:#333}.discount-tag{color:#4caf50;font-weight:700;font-size:.85em}.order-table-actions{display:flex;gap:8px;flex-wrap:nowrap;justify-content:center;padding:0 6px}.order-list-page .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;color:#fff;transition:transform .12s,box-shadow .12s,background-color .18s;margin:0}.order-list-page .btn-icon:hover{transform:scale(1.06);box-shadow:0 2px 6px #0000001f}.order-list-page .btn-icon-view{background-color:#17a2b8}.order-list-page .btn-icon-edit{background-color:#ffc107;color:#333}.order-list-page .btn-icon-delete{background-color:#dc3545}.order-list-page .btn-icon-view:hover{background-color:#138496}.order-list-page .btn-icon-edit:hover{background-color:#e0a800}.order-list-page .btn-icon-delete:hover{background-color:#c82333}.order-list-page .btn-icon .MuiSvgIcon-root{font-size:16px}.order-table td:last-child{padding-left:8px;padding-right:8px}.order-table .th-sortable{-webkit-user-select:none;user-select:none;cursor:pointer}.order-table .th-sortable:hover .th-label{text-decoration:underline;text-underline-offset:4px;opacity:.95}.order-table .th-label{display:inline-flex;align-items:center;gap:6px}.order-table .sort-indicator{font-size:11px;margin-left:6px;opacity:.9}.order-table .sort-indicator.asc{transform:translateY(-1px)}.order-table .resize-handle{position:absolute;right:0;top:0;bottom:0;width:10px;cursor:col-resize;background:linear-gradient(90deg,#ffffff14,#ffffff08);z-index:6;transition:background-color .12s,box-shadow .12s,transform .12s;display:flex;align-items:center;justify-content:center}.order-table .resize-handle:before{content:"";display:block;width:2px;height:62%;background:#fffffff2;border-radius:2px;box-shadow:0 0 0 1px #0000000f inset}.order-table .resize-handle:hover,.order-table .resize-handle:active{background:linear-gradient(90deg,#ffffff2e,#ffffff14);box-shadow:0 0 6px #ffffff14 inset}@media (max-width: 768px){.order-header{flex-direction:column;align-items:flex-start;gap:15px}.order-header-left{flex-wrap:wrap}.order-grid{grid-template-columns:1fr}.order-table-container{margin:0 -10px;border-radius:0}.form-row,.detail-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.modal-content{max-width:100%;margin:10px}.filters-container{flex-direction:column;align-items:stretch}.filter-group,.filter-select{width:100%}.btn-clear-filters{margin-left:0;width:100%}.search-input{font-size:var(--text-caption)}}.btn-add-payment-inline{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:transparent;color:#4caf50;cursor:pointer;transition:background-color .15s,transform .12s;flex-shrink:0}.btn-add-payment-inline:hover{background-color:#4caf501f;transform:scale(1.15);color:#388e3c}.btn-add-payment{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:6px;background-color:#4caf50;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .18s,transform .12s,box-shadow .12s}.btn-add-payment:hover:not(:disabled){background-color:#388e3c;transform:scale(1.03);box-shadow:0 2px 6px #00000026}.btn-add-payment:disabled{background-color:#99a8a6;cursor:not-allowed;transform:none;box-shadow:none}.btn-cancel-balance{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:6px;background-color:#0f766e;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .18s,transform .12s,box-shadow .12s}.btn-cancel-balance:hover:not(:disabled){background-color:#115e59;transform:scale(1.03);box-shadow:0 2px 6px #00000026}.btn-cancel-balance:disabled{background-color:#99a8a6;cursor:not-allowed;transform:none;box-shadow:none}.payment-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.payment-history-container{background-color:#fff;border-radius:8px;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d;overflow:hidden}.payment-history-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.payment-history-header h2{margin:0;font-size:var(--text-h2);font-weight:var(--weight-semibold);color:#333}.payment-history-search{position:relative;padding:15px 20px;border-bottom:1px solid #e0e0e0}.payment-history-search input{width:100%;padding:10px 40px 10px 15px;font-size:var(--text-caption);border:1px solid #ddd;border-radius:5px;outline:none;transition:border-color .3s ease;box-sizing:border-box}.payment-history-search input:focus{border-color:#007bff}.payment-history-content{flex:1;overflow-y:auto;padding:20px}.payment-history-content .history-table-container{overflow-x:auto}.payment-history-content .history-table{width:100%;border-collapse:collapse;font-size:var(--text-caption)}.payment-history-content .history-table thead{background-color:#f8f9fa;position:sticky;top:0;z-index:10}.payment-history-content .history-table th{padding:12px;text-align:left;font-weight:var(--weight-semibold);color:#333;border-bottom:2px solid #ddd;white-space:nowrap}.payment-history-content .history-table td{padding:12px;border-bottom:1px solid #e0e0e0;vertical-align:middle}.payment-history-content .history-table tbody tr:hover{background-color:#f8f9fa}.payment-history-content .history-actions{display:flex;gap:8px}.payment-history-content .btn-action{background:none;border:1px solid #ddd;padding:6px 8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#666}.payment-history-content .btn-action:hover{background-color:#f0f0f0}.payment-history-content .btn-view:hover{border-color:#2196f3;color:#2196f3}.payment-history-content .btn-restore:hover{border-color:#4caf50;color:#4caf50}.payment-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.payment-details-content{background-color:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d;overflow:hidden}.payment-details-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.payment-details-header h3{margin:0;font-size:var(--text-h4);font-weight:var(--weight-semibold);color:#333}.btn-close-history{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;color:#666}.btn-close-history:hover{background-color:#e0e0e0}.btn-close-details{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;color:#666}.btn-close-details:hover{background-color:#e0e0e0}.payment-details-body{padding:20px;overflow-y:auto;flex:1}.payment-details-body .detail-row{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;color:#333;font-size:var(--text-caption);line-height:1.5}.payment-details-body .detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.payment-details-body .detail-row strong{display:block;margin-bottom:4px;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.payment-details-footer{padding:20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.btn-restore-payment{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:var(--weight-medium);display:flex;align-items:center;gap:8px;transition:background-color .2s}.btn-restore-payment:hover{background-color:#45a049}.payment-history-content .empty-state{text-align:center;padding:60px 20px;color:#999;font-size:var(--text-body)}.btn-clear-search{position:absolute;right:25px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}@media (max-width: 768px){.payment-history-container{max-width:100%;max-height:100vh;border-radius:0}.payment-history-content .history-table{font-size:var(--text-small)}.payment-history-content .history-table th,.payment-history-content .history-table td{padding:8px}}.payment-list-page{padding:20px;max-width:1400px;margin:0 auto}.payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.payment-header-left{display:flex;align-items:center;gap:16px}.payment-header-right{display:flex;align-items:center;gap:10px}.payment-header h1{color:#130a64;margin:0}.payment-view-toggle{display:flex;border:1px solid #ddd;border-radius:6px;overflow:hidden}.payment-view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:6px 10px;border:none;background-color:#fff;color:#888;cursor:pointer;transition:background-color .2s ease,color .2s ease}.payment-view-toggle-btn:not(:last-child){border-right:1px solid #ddd}.payment-view-toggle-btn:hover{background-color:#f0f0f0;color:#333}.payment-view-toggle-btn.active{background-color:#130a64;color:#fff}.btn-clean-payments{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:5px;border:none;background-color:#ff9800;color:#fff;cursor:pointer;font-size:var(--text-body);font-weight:var(--weight-bold);transition:background-color .3s ease}.btn-clean-payments:hover{background-color:#f57c00}.btn-history-payments{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:5px;border:none;background-color:#607d8b;color:#fff;cursor:pointer;font-size:var(--text-body);font-weight:var(--weight-bold);transition:background-color .3s ease}.btn-history-payments:hover{background-color:#455a64}.btn-clean-payments .MuiSvgIcon-root,.btn-history-payments .MuiSvgIcon-root{font-size:18px}.no-payments{text-align:center;padding:40px;color:#666}.payment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.payment-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.payment-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.payment-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.payment-card-header h3{margin:0;color:#130a64;font-size:var(--text-h3)}.status-badge{padding:4px 12px;border-radius:12px;font-size:var(--text-small);font-weight:var(--weight-bold)}.status-badge.active{background-color:#4caf50;color:#fff}.status-badge.inactive{background-color:#f44336;color:#fff}.status-badge.pending{background-color:#ff9800;color:#fff}.payment-card-body{margin-bottom:15px}.payment-card-body p{margin:8px 0;color:#333;font-size:var(--text-caption)}.payment-card-body strong{color:#130a64;margin-right:5px}.payment-card-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-view,.btn-edit,.btn-delete{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-size:var(--text-caption);transition:background-color .3s ease}.btn-view{background-color:#17a2b8;color:#fff}.btn-view:hover{background-color:#138496}.modal-content{background-color:#fff;border-radius:8px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.detail-modal{max-width:900px}.payment-form{padding:20px}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.order-info-box{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:8px;margin-bottom:10px;margin-top:0}.order-info-title{font-weight:var(--weight-bold);color:#130a64;margin-bottom:4px;font-size:var(--text-caption);border-bottom:1px solid #130a64;padding-bottom:3px}.order-info-content{display:flex;flex-direction:column;gap:3px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:.8rem}.info-label{color:#666;margin-right:10px}.info-value{color:#333;font-weight:var(--weight-medium);text-align:right}.info-row.highlight{background-color:#fff;padding:4px;border-radius:4px;margin:2px 0}.info-value.pending{color:#d9534f;font-size:.85rem}.info-row.discount-info{background-color:#e8f5e9;padding:4px;border-left:3px solid #4caf50;border-radius:3px}.info-value.discount{color:#2e7d32;font-weight:var(--weight-bold)}.payment-detail{padding:20px}.detail-section{margin-bottom:30px}.detail-section h3{color:#130a64;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #130a64}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.detail-grid>div{padding:10px;background-color:#f8f9fa;border-radius:5px}.detail-grid strong{color:#130a64;margin-right:5px}.table-link-button{background:none;border:none;color:#0b57d0;text-decoration:underline;font:inherit;font-weight:var(--weight-bold);cursor:pointer;padding:0}.table-link-button:hover{color:#0842a0}.modal-actions{display:flex;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.payment-status-select{padding:3px 6px;border:1px solid #e0e0e0;border-radius:4px;font-size:var(--text-small);font-weight:var(--weight-medium);cursor:pointer;transition:border-color .2s;color:#fff;font-weight:var(--weight-bold)}.payment-status-select:focus{outline:none}.payment-status-select option{background-color:#fff;color:#333;padding:4px}.payment-table-container{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.payment-table{width:100%;border-collapse:collapse;table-layout:fixed}.payment-table thead th{background-color:#130a64;color:#fff;font-weight:600;padding:0;text-align:left;font-size:var(--text-caption);position:sticky;top:0;z-index:1;overflow:hidden}.payment-table thead th .th-content{display:flex;align-items:center;justify-content:space-between;padding:12px 22px 12px 14px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-table tbody tr{transition:background-color .15s ease}.payment-table tbody tr:nth-child(2n){background-color:#f8f9fa}.payment-table tbody tr:hover{background-color:#e8ecf1}.payment-table td{padding:10px;border-bottom:1px solid #e0e0e0;font-size:var(--text-caption);color:#333;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-table .td-invoice{font-weight:600;color:#130a64}.payment-table .td-supplier{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-table .td-comments{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-style:italic}.payment-table .detail-click-cell{position:relative;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.payment-table .detail-click-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000014;transform:scaleX(0);transform-origin:right center;transition:transform .2s ease;pointer-events:none}.payment-table .detail-click-cell:hover:before{transform:scaleX(1);transform-origin:left center}.payment-status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:var(--text-small);font-weight:600;color:#fff;white-space:nowrap}.payment-table-actions{display:flex;gap:8px;flex-wrap:nowrap;justify-content:center;padding:0 6px}.payment-list-page .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;color:#fff;transition:transform .12s,box-shadow .12s,background-color .18s;margin:0}.payment-list-page .btn-icon:hover{transform:scale(1.06);box-shadow:0 2px 6px #0000001f}.payment-list-page .btn-icon-view{background-color:#17a2b8}.payment-list-page .btn-icon-edit{background-color:#ffc107;color:#333}.payment-list-page .btn-icon-delete{background-color:#dc3545}.payment-list-page .btn-icon-view:hover{background-color:#138496}.payment-list-page .btn-icon-edit:hover{background-color:#e0a800}.payment-list-page .btn-icon-delete:hover{background-color:#c82333}.payment-list-page .btn-icon .MuiSvgIcon-root{font-size:16px}.payment-table td:last-child{padding-left:8px;padding-right:8px}.payment-table .th-sortable{-webkit-user-select:none;user-select:none;cursor:pointer}.payment-table .th-sortable:hover .th-label{text-decoration:underline;text-underline-offset:4px;opacity:.95}.payment-table .th-label{display:inline-flex;align-items:center;gap:6px}.payment-table .sort-indicator{font-size:11px;margin-left:6px;opacity:.9}.payment-table .sort-indicator.asc{transform:translateY(-1px)}.payment-table .resize-handle{position:absolute;right:0;top:0;bottom:0;width:10px;cursor:col-resize;background:linear-gradient(90deg,#ffffff14,#ffffff08);z-index:6;transition:background-color .12s,box-shadow .12s,transform .12s;display:flex;align-items:center;justify-content:center}.payment-table .resize-handle:before{content:"";display:block;width:2px;height:62%;background:#fffffff2;border-radius:2px;box-shadow:0 0 0 1px #0000000f inset}.payment-table .resize-handle:hover,.payment-table .resize-handle:active{background:linear-gradient(90deg,#ffffff2e,#ffffff14);box-shadow:0 0 6px #ffffff14 inset}@media (max-width: 768px){.payment-header{flex-direction:column;align-items:flex-start;gap:15px}.payment-header-left{flex-wrap:wrap}.payment-header-right{flex-wrap:wrap;width:100%}.payment-grid{grid-template-columns:1fr}.payment-table-container{margin:0 -10px;border-radius:0}.form-row,.detail-grid{grid-template-columns:1fr}.modal-content{max-width:100%;margin:10px}.filters-container{flex-direction:column;align-items:stretch}.filter-group,.filter-select{width:100%}.btn-clear-filters{margin-left:0;width:100%}.search-input{font-size:var(--text-caption)}}.customer-list-page{padding:20px;max-width:1400px;margin:0 auto}.customer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.customer-header h1{color:#130a64;margin:0}.search-and-filters{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:6px;box-shadow:0 2px 4px #0000001a}.search-bar-container{position:relative;margin-bottom:15px}.search-input{width:100%;padding:12px 40px 12px 15px;font-size:var(--text-body);border:2px solid #ddd;border-radius:5px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.search-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d}.btn-clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}.btn-clear-search:hover{background-color:#e0e0e0;color:#333}.filters-container{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-weight:var(--weight-medium);color:#333;white-space:nowrap}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:var(--text-caption);background-color:#fff;cursor:pointer;outline:none;transition:border-color .3s ease;min-width:150px}.filter-select:focus{border-color:#007bff}.btn-clear-filters{padding:8px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:var(--text-caption);font-weight:var(--weight-medium);transition:background-color .3s ease;margin-left:auto}.btn-clear-filters:hover{background-color:#5a6268}.results-count{margin-top:15px;padding-top:15px;border-top:1px solid #ddd;color:#666;font-size:var(--text-caption);font-style:italic}.btn-create{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:5px;cursor:pointer;font-size:var(--text-body);font-weight:var(--weight-bold);transition:background-color .3s ease}.btn-create:hover{background-color:#0056b3}.no-customers{text-align:center;padding:40px;color:#666}.table-container{overflow-x:auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.data-table{width:100%;border-collapse:collapse;table-layout:fixed}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table th:nth-child(1),.data-table td:nth-child(1){width:3%}.data-table th:nth-child(2),.data-table td:nth-child(2){width:9%}.data-table th:nth-child(3),.data-table td:nth-child(3){width:9%}.data-table th:nth-child(4),.data-table td:nth-child(4){width:15%}.data-table th:nth-child(5),.data-table td:nth-child(5){width:10%}.data-table th:nth-child(6),.data-table td:nth-child(6){width:10%}.data-table th:nth-child(7),.data-table td:nth-child(7){width:10%}.data-table th:nth-child(8),.data-table td:nth-child(8){width:10%}.data-table th:last-child,.data-table td:last-child{width:24%;white-space:nowrap;text-overflow:clip}.customer-list-table.data-table th:nth-child(1),.customer-list-table.data-table td:nth-child(1){width:30%}.customer-list-table.data-table th:nth-child(2),.customer-list-table.data-table td:nth-child(2){width:15%}.customer-list-table.data-table th:nth-child(3),.customer-list-table.data-table td:nth-child(3){width:15%}.customer-list-table.data-table th:nth-child(4),.customer-list-table.data-table td:nth-child(4){width:20%}.customer-list-table.data-table th:last-child,.customer-list-table.data-table td:last-child{width:30%}.data-table th{background-color:#f8f9fa;font-weight:var(--weight-bold);color:#130a64;position:sticky;top:0;z-index:10}.data-table tr:hover{background-color:#f8f9fa}.data-table tr.inactive{opacity:.6;background-color:#f5f5f5}.type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:var(--text-small);font-weight:var(--weight-bold);background-color:#007bff;color:#fff}.table-actions{display:flex;gap:8px}.btn-payments,.btn-edit,.btn-delete,.btn-create-small{padding:6px 12px;border:none;border-radius:5px;cursor:pointer;font-size:var(--text-caption);transition:background-color .3s ease;min-width:80px;text-align:center;box-sizing:border-box}.btn-payments{background-color:#17a2b8;color:#fff}.btn-payments:hover{background-color:#138496}.btn-edit{background-color:#ffc107;color:#333}.btn-edit:hover{background-color:#e0a800}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}.pending-amount{color:#dc3545;font-weight:var(--weight-bold)}.no-pending{color:#6c757d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;border-radius:8px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;color:#130a64}.btn-close{background:none;border:none;font-size:28px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.btn-close:hover{color:#000}.customer-form{padding:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:5px;color:#333;font-weight:var(--weight-medium)}.required{color:#dc3545}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:var(--text-caption);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff4d}.form-group input.error,.form-group textarea.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:var(--text-small);margin-top:5px}.checkbox-inline{display:inline-flex;align-items:center;gap:6px}.amount-label{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.label-extra{display:inline-flex;align-items:center;gap:6px;color:#6c757d;font-size:.9rem}.checkbox-label-text{font-size:.85rem;color:#6c757d}.payment-info-text{color:#6c757d;font-size:.85rem;margin-top:4px;line-height:1.3}.checkbox-group{flex-direction:row;align-items:center;gap:8px}.checkbox-group label{margin-bottom:0;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;margin-right:8px;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.btn-cancel,.btn-save{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:var(--text-caption);font-weight:var(--weight-bold);transition:background-color .3s ease}.btn-cancel{background-color:#6c757d;color:#fff}.btn-cancel:hover{background-color:#5a6268}.btn-save{background-color:#28a745;color:#fff}.btn-save:hover{background-color:#218838}.btn-save:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.customer-header{flex-direction:column;align-items:flex-start;gap:15px}.form-row{grid-template-columns:1fr}.modal-content{max-width:100%;margin:10px}.filters-container{flex-direction:column;align-items:stretch}.filter-group,.filter-select{width:100%}.btn-clear-filters{margin-left:0;width:100%}.search-input{font-size:var(--text-caption)}.table-actions{flex-direction:column}.data-table{font-size:var(--text-caption)}.data-table th,.data-table td{padding:8px}}.payments-modal-content{padding:20px;overflow-x:hidden;max-width:100%}.payments-modal-content .table-container{overflow-x:visible;width:100%}.payments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.payment-summary{display:flex;gap:20px}.payment-summary p{margin:0;color:#333}.payment-summary strong{color:#130a64;margin-right:5px}.detail-modal{max-width:95vw;width:95vw}.modal-actions{display:flex;justify-content:flex-end;margin-top:20px;border-top:1px solid #e0e0e0;padding:20px}.btn-close-modal{padding:10px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:var(--text-caption);font-weight:var(--weight-bold)}.btn-close-modal:hover{background-color:#5a6268}.expand-btn{background:none;border:none;cursor:pointer;font-size:var(--text-small);color:#130a64;padding:5px 10px;transition:transform .2s}.expand-btn:hover{color:#3949ab}.order-row-pending{background-color:#fff3cd;font-weight:var(--weight-medium)}.order-row-paid{background-color:#d4edda;opacity:.9}.nested-table{width:100%;margin-top:10px;border-collapse:collapse;table-layout:fixed}.nested-table thead{background-color:#e9ecef}.nested-table th,.nested-table td{padding:8px 12px;text-align:left;border-bottom:1px solid #dee2e6;font-size:var(--text-caption);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nested-table th:first-child,.nested-table td:first-child{width:12%}.nested-table th:nth-child(2),.nested-table td:nth-child(2){width:12%}.nested-table th:nth-child(3),.nested-table td:nth-child(3){width:15%}.nested-table th:nth-child(4),.nested-table td:nth-child(4){width:12%}.nested-table th:nth-child(5),.nested-table td:nth-child(5){width:20%}.nested-table th:last-child,.nested-table td:last-child{width:29%;white-space:nowrap;text-overflow:clip}.nested-table tbody tr:hover{background-color:#f8f9fa}.nested-payments-container{padding:0!important;background-color:#f5f7fa!important;border-left:4px solid #e0e4e8}.nested-payments-content{padding:20px 20px 20px 40px;background-color:#fff;border-left:2px solid #d0d5db;margin-left:20px;border-radius:4px;box-shadow:0 1px 3px #0000000d}.nested-payments-title{margin-bottom:15px;color:#130a64;font-size:var(--text-body-lg);font-weight:600;padding-bottom:8px;border-bottom:1px solid #e0e4e8}.nested-payments-empty{text-align:center;color:#666;padding:20px;font-style:italic}.btn-create-small{background-color:#28a745;color:#fff;margin-right:5px}.btn-create-small:hover:not(:disabled){background-color:#218838}.btn-create-small:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}:root{--font-primary: "Montserrat", sans-serif;--text-logo: 2.75rem;--text-h1: 2.5rem;--text-h2: 2rem;--text-h3: 1.5rem;--text-h4: 1.25rem;--text-body: 1rem;--text-body-lg: 1.125rem;--text-ui: .9375rem;--text-caption: .875rem;--text-small: .75rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--lh-heading: 1.25;--lh-body: 1.5}body{font-family:var(--font-primary);font-size:var(--text-body);line-height:var(--lh-body);background-color:#ccd0e4}h1{font-size:var(--text-h1);font-weight:var(--weight-bold);line-height:var(--lh-heading)}h2{font-size:var(--text-h2);font-weight:var(--weight-bold);line-height:var(--lh-heading)}h3{font-size:var(--text-h3);font-weight:var(--weight-semibold);line-height:var(--lh-heading)}h4{font-size:var(--text-h4);font-weight:var(--weight-semibold);line-height:var(--lh-heading)}.app-container{display:flex;min-height:100vh;background-color:#f5f5f5}.main-content{flex-grow:1;padding-left:230px;padding-right:20px;overflow-y:auto;transition:padding-left .3s ease}.toolbar-spacer{height:36px}.sidebar{width:220px;height:calc(100vh - 36px);top:36px;left:0;background-color:#1a237e;color:#e3f2fd;display:flex;flex-direction:column;position:fixed;transition:width .3s ease;z-index:999;overflow:hidden}.sidebar.folded{width:64px}.sidebar.folded.expanded{width:220px;box-shadow:4px 0 12px #00000026}.sidebar-toolbar{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(227,242,253,.1);padding:0 8px}.sidebar-controls{display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.sidebar-control-button{background:none;border:none;color:#e3f2fd;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease;min-width:40px;min-height:40px}.sidebar-control-button:hover{background-color:#e3f2fd1a}.nav-list{list-style:none;padding:12px 0 0;margin:0;flex-grow:1;display:flex;flex-direction:column}.nav-list-admin{flex-grow:0;margin-top:auto;padding-top:0;padding-bottom:12px}.nav-divider{position:relative;margin:16px 8px 8px;padding:0;height:1px;opacity:1;transition:opacity .2s ease}.nav-list>li:first-child.nav-divider{margin-top:0;padding-top:0}.sidebar.folded:not(.expanded) .nav-divider{margin:8px 4px;opacity:1;height:1px}.nav-divider-line{width:100%;height:1px;background-color:#e3f2fd33;position:relative}.sidebar.folded:not(.expanded) .nav-divider-line{background-color:#e3f2fd80;width:100%;height:1px}.nav-divider-label{position:absolute;right:0;top:-8px;background-color:#1a237e;padding:0 8px;font-size:var(--text-small);color:#e3f2fd99;text-transform:uppercase;letter-spacing:.5px;font-weight:var(--weight-medium);opacity:1;transition:opacity .2s ease}.sidebar.folded:not(.expanded) .nav-divider-label{opacity:0;width:0;overflow:hidden;padding:0}.nav-link{display:flex;align-items:center;padding:12px 16px;color:#e3f2fd;text-decoration:none;transition:background .2s ease-in-out;white-space:nowrap;justify-content:flex-start}.nav-list>li:first-child:not(.nav-divider) .nav-link{padding-top:0}.sidebar.folded:not(.expanded) .nav-link{justify-content:center;padding:12px}.nav-link .icon{margin-right:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar.folded:not(.expanded) .nav-link .icon{margin-right:0}.nav-link .label{opacity:1;transition:opacity .2s ease}.sidebar.folded:not(.expanded) .nav-link .label{opacity:0;width:0;overflow:hidden}.nav-link:hover{background-color:#3949ab}.nav-link.active{background-color:#283593;font-weight:var(--weight-bold)}.nav-link-main{margin-top:8px;margin-bottom:8px;border-radius:12px;background-color:#22306e}.nav-link-sheycol{margin-top:auto;border-top:1px solid #3949ab;background-color:#0d1b5e;color:gold;font-weight:500}.nav-link-sheycol:hover{background-color:#1a2a7a}.nav-link-sheycol.active{background-color:#152a6e;color:#ffeb3b}.sidebar-footer{padding:16px}.logout-button{background-color:#f50057;color:#fff;border:none;padding:10px;width:100%;max-width:200px;border-radius:8px;cursor:pointer;font-weight:var(--weight-bold)}.logout-button:hover{background-color:#c51162}.text-muted{color:#2c4653;font-weight:var(--weight-semibold);font-size:var(--text-body-lg);text-align:center;margin-top:1rem}.task-card{background-color:#f5f5f5;border-radius:8px;padding:16px;margin:0;box-shadow:0 2px 4px #0000001a;flex:3;display:flex}.navbar{position:fixed;top:0;left:0;right:0;height:36px;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 0;z-index:1000}.navbar-left{display:flex;align-items:center;padding-left:13px;gap:13px}.navbar-title{font-size:var(--text-h2);font-weight:var(--weight-bold);color:#130a64;margin:0;line-height:36px}.navbar-orgname{font-size:.9rem;color:#666;margin-left:6px;line-height:36px}.navbar-right{display:flex;align-items:center;gap:13px}.navbar-datetime{font-size:var(--text-ui);color:#333;padding:5px 8px;border-radius:6px;background:transparent;display:flex;align-items:center;white-space:nowrap}.navbar-icon-button{background:none;border:none;cursor:pointer;color:#666;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.navbar-icon-button:hover:not(:disabled){background-color:#f5f5f5}.navbar-icon-button:disabled{opacity:.5;cursor:not-allowed}.navbar-user-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;transition:background-color .2s ease}.navbar-user-button:hover{background-color:#f5f5f5}.navbar-user-icon{color:#666;font-size:26px}.navbar-user-info{display:flex;flex-direction:column;align-items:flex-start}.navbar-username{font-size:var(--text-ui);font-weight:var(--weight-semibold);color:#333;line-height:1.2}.navbar-user-role{font-size:var(--text-small);color:#666;line-height:1.2}.navbar-dropdown-container{position:relative}.navbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:280px;z-index:1001;overflow:hidden}.notifications-dropdown{min-width:320px}.dropdown-header{padding:12px 16px;font-weight:var(--weight-semibold);color:#333;border-bottom:1px solid #e0e0e0}.dropdown-empty{padding:24px 16px;text-align:center;color:#999;font-size:var(--text-ui)}.user-menu-dropdown{min-width:200px}.dropdown-item{width:100%;background:none;border:none;padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;color:#333;font-size:var(--text-ui);transition:background-color .2s ease;text-align:left}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item-danger{color:#f50057}.dropdown-item-danger:hover{background-color:#ffeef5}.dropdown-item-icon{font-size:20px;color:#666}.dropdown-item-danger .dropdown-item-icon{color:#f50057}