*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #F24C1A;--primary-dark: #EA2C38;--secondary-color: #4A4A4A;--accent-color: #FFA726;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--gray-50: #F5F5F5;--gray-100: #EEEEEE;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #777777;--gray-600: #4b5563;--gray-700: #333333;--gray-800: #1f2937;--gray-900: #000000;--white: #FFFFFF;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--login-bg-dark: #13005A;--login-bg-light: #00337C;--login-button: #1C82AD;--login-button-accent: #03C988}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--gray-700);background-color:var(--gray-50);font-size:14px;overflow-x:hidden}.app{min-height:100vh}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--login-bg-dark) 0%,var(--login-bg-light) 100%);padding:1rem}.auth-card{background:var(--white);padding:2.5rem;border-radius:20px;box-shadow:var(--shadow-xl);width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.auth-header p{color:var(--gray-500);font-size:.95rem}.layout{display:flex;min-height:100vh;overflow:hidden}.sidebar{width:280px;background:var(--white);border-right:1px solid var(--gray-200);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;top:0;left:0;z-index:100;transition:transform .3s ease-in-out}.sidebar.hidden{transform:translate(-100%)}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.mobile-menu-close{display:none}@media (max-width: 768px){.sidebar{position:fixed;height:100vh;z-index:1000}.sidebar.hidden{transform:translate(-100%)}.mobile-menu-close{display:block}.main-content.pushed{margin-left:280px}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:50}}.sidebar-header h1{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.sidebar-header p{font-size:.875rem;color:var(--gray-500)}.sidebar-nav{flex:1;padding:1rem 0}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--gray-700);text-decoration:none;transition:all .2s;border:none;background:none;width:100%;cursor:pointer;font-size:.95rem}.nav-item:hover{background-color:var(--gray-50);color:var(--primary-color)}.nav-item.active{background-color:var(--primary-color);color:var(--white);font-weight:500}.nav-item.active:hover{background-color:var(--primary-dark)}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--gray-200)}.user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600}.user-details h3{font-size:.875rem;font-weight:600;color:var(--gray-900)}.user-details p{font-size:.75rem;color:var(--gray-500)}.main-content{flex:1;display:flex;flex-direction:column;margin-left:280px;overflow-y:auto;height:100vh}@media (max-width: 768px){.main-content{margin-left:0;height:auto}}@media (min-width: 769px){.main-content{margin-left:280px}}.content-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:1.5rem 2rem}.content-header h1{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.content-header p{color:var(--gray-500);font-size:.95rem}.content-body{flex:1;padding:2rem;overflow-y:auto}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--white);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stat-title{font-size:.875rem;font-weight:500;color:var(--gray-500)}.stat-icon{padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-icon.green{background-color:#d1fae5;color:var(--success-color)}.stat-icon.yellow{background-color:#fef3c7;color:var(--warning-color)}.stat-icon.red{background-color:#fee2e2;color:var(--error-color)}.stat-icon.orange{background-color:#fed7aa;color:var(--primary-color)}.stat-value{font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.stat-change{font-size:.875rem;display:flex;align-items:center;gap:.25rem}.stat-change.positive{color:var(--success-color)}.stat-change.negative{color:var(--error-color)}.chart-container{background:var(--white);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);margin-bottom:1.5rem}.chart-header{margin-bottom:1.5rem}.chart-title{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.chart-subtitle{font-size:.875rem;color:var(--gray-500)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;line-height:1.25}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary-color);color:var(--white)}.btn-secondary:hover{background-color:var(--primary-color);color:var(--white)}.btn-success{background-color:var(--success-color);color:var(--white)}.btn-success:hover{background-color:#059669}.btn-warning{background-color:var(--warning-color);color:var(--white)}.btn-warning:hover{background-color:#d97706}.btn-danger{background-color:var(--error-color);color:var(--white)}.btn-danger:hover{background-color:#dc2626}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s;background:transparent}.btn-edit{color:var(--success-color)}.btn-edit:hover{background-color:#ecfdf5}.btn-delete{color:var(--error-color)}.btn-delete:hover{background-color:#fef2f2}.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:1rem}.modal{background:var(--white);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray-200)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--gray-900)}.warning-icon{color:var(--warning-color)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--gray-200);background-color:var(--gray-50)}.form-container{padding:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--gray-700);font-size:.875rem}.form-group label.required:after{content:" *";color:var(--error-color)}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.875rem;transition:border-color .2s,box-shadow .2s;background-color:var(--white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f7931e1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--error-color)}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{font-size:.75rem;color:var(--error-color);margin-top:.25rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.table-container{background:var(--white);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden}.table-header{padding:1.5rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.table-title{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{background-color:var(--gray-50);padding:1rem;text-align:left;font-weight:600;color:var(--gray-700);font-size:.875rem;border-bottom:1px solid var(--gray-200)}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.sortable-header:hover{background-color:var(--gray-100)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.data-table td{padding:1rem;border-bottom:1px solid var(--gray-100);font-size:.875rem}.data-table tr:hover{background-color:var(--gray-50)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--gray-200);background-color:var(--gray-50)}.pagination-info{font-size:.875rem;color:var(--gray-500)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.btn-pagination{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:6px;background:var(--white);color:var(--gray-700);font-size:.875rem;cursor:pointer;transition:all .2s}.btn-pagination:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;align-items:center;gap:.25rem}.page-number{padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:6px;background:var(--white);color:var(--gray-700);font-size:.875rem;cursor:pointer;transition:all .2s;min-width:40px;text-align:center}.page-number:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.page-number.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.ellipsis{padding:.5rem .25rem;color:var(--gray-500);font-size:.875rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-indicator{width:8px;height:8px;border-radius:50%}.status-green{background-color:#dcfce7;color:#166534}.status-green .status-indicator{background-color:var(--success-color)}.status-yellow{background-color:#fef3c7;color:#92400e}.status-yellow .status-indicator{background-color:var(--warning-color)}.status-red{background-color:#fee2e2;color:#991b1b}.status-red .status-indicator{background-color:var(--error-color)}.status-gray{background-color:var(--gray-100);color:var(--gray-700)}.status-gray .status-indicator{background-color:var(--gray-500)}.status-blue{background-color:#dbeafe;color:#1e40af}.status-blue .status-indicator{background-color:#3b82f6}.status-purple{background-color:#e9d5ff;color:#5b21b6}.status-purple .status-indicator{background-color:#8b5cf6}.status-indigo{background-color:#e0e7ff;color:#3730a3}.status-indigo .status-indicator{background-color:#6366f1}.status-pink{background-color:#fce7f3;color:#9d174d}.status-pink .status-indicator{background-color:#ec4899}.status-orange{background-color:#fed7aa;color:#c2410c}.status-orange .status-indicator{background-color:var(--primary-color)}.status-recent{border-left:4px solid var(--success-color)}.status-warning{border-left:4px solid var(--warning-color)}.status-overdue{border-left:4px solid var(--error-color)}.status-paid{border-left:4px solid var(--success-color);background-color:#f0fdf4}.action-buttons{display:flex;gap:.25rem}.notes-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{text-align:center;padding:3rem;color:var(--gray-500)}.empty-state .text-sm{font-size:.875rem;margin-top:.5rem}.font-semibold{font-weight:600}.text-center{text-align:center}body.dark-theme{--gray-50: #1a1a1a;--gray-100: #2a2a2a;--gray-200: #3a3a3a;--gray-300: #4a4a4a;--gray-400: #6a6a6a;--gray-500: #8a8a8a;--gray-600: #aaaaaa;--gray-700: #cccccc;--gray-800: #e0e0e0;--gray-900: #f0f0f0;--white: #1a1a1a;color:var(--gray-700);background-color:var(--gray-50)}body.dark-theme .sidebar,body.dark-theme .auth-card,body.dark-theme .stat-card,body.dark-theme .chart-container,body.dark-theme .table-container,body.dark-theme .modal,body.dark-theme .content-header,body.dark-theme .form-group input,body.dark-theme .form-group select,body.dark-theme .form-group textarea,body.dark-theme .btn-pagination,body.dark-theme .page-number{background-color:var(--gray-100);border-color:var(--gray-200);color:var(--gray-700)}body.dark-theme .sidebar-header h1,body.dark-theme .auth-header h1,body.dark-theme .stat-value,body.dark-theme .chart-title,body.dark-theme .table-title{color:var(--gray-900)}body.dark-theme .sidebar-header p,body.dark-theme .auth-header p,body.dark-theme .stat-title,body.dark-theme .chart-subtitle,body.dark-theme .pagination-info,body.dark-theme .ellipsis,body.dark-theme .user-details p,body.dark-theme .empty-state{color:var(--gray-500)}body.dark-theme .nav-item{color:var(--gray-600)}body.dark-theme .nav-item:hover{background-color:var(--gray-200);color:var(--primary-color)}body.dark-theme .nav-item.active{background-color:var(--primary-color);color:var(--gray-900)}body.dark-theme .nav-item.active:hover{background-color:var(--primary-dark)}body.dark-theme .data-table th{background-color:var(--gray-200);color:var(--gray-700);border-bottom-color:var(--gray-300)}body.dark-theme .data-table td{border-bottom-color:var(--gray-200)}body.dark-theme .data-table tr:hover{background-color:var(--gray-200)}body.dark-theme .btn-pagination:hover:not(:disabled){background-color:var(--gray-200);border-color:var(--gray-400)}body.dark-theme .page-number.active{color:var(--gray-900)}body.dark-theme .form-group label{color:var(--gray-700)}body.dark-theme .form-group input:focus,body.dark-theme .form-group select:focus,body.dark-theme .form-group textarea:focus{box-shadow:0 0 0 3px #f24c1a33}body.dark-theme .btn-icon,body.dark-theme .btn-secondary{color:var(--gray-900)}.sidebar-footer .btn{width:100%;text-align:left;justify-content:flex-start}@media (max-width: 1024px){.sidebar{width:240px}}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{width:280px;height:100vh;position:fixed;top:0;left:0;z-index:1000;box-shadow:var(--shadow-md);border-right:1px solid var(--gray-200);transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar.hidden{transform:translate(-100%)}.sidebar.show{transform:translate(0)}.mobile-menu-close{display:block}.main-content{margin-left:0;width:100%;height:auto}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:50}}@media (max-width: 480px){.modal{margin:0;border-radius:0;max-height:100vh}.auth-card{padding:2rem;border-radius:16px}}