:root{--primary:#4a90a4;--primary-dark:#3a7a8f;--dark:#2c3e50;--dark-light:#34495e;--success:#27ae60;--warning:#f39c12;--danger:#e74c3c;--light:#ecf0f1;--white:#fff;--gray:#95a5a6;--gray-light:#bdc3c7}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;color:#2c3e50;color:var(--dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.login-container{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);background:linear-gradient(135deg,var(--dark) 0,var(--dark-light) 100%);display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:50px;text-align:center;width:90%}.login-box h1{color:#2c3e50;color:var(--dark);font-size:28px;margin-bottom:10px}.login-box p{color:#95a5a6;color:var(--gray);margin-bottom:30px}.login-btn{align-items:center;background:#4a90a4;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:14px 32px;transition:background .2s}.login-btn:hover{background:#3a7a8f;background:var(--primary-dark)}.login-btn:disabled{background:#bdc3c7;background:var(--gray-light);cursor:not-allowed}.error-msg{background:#fce4e4;border-radius:6px;color:#e74c3c;color:var(--danger);font-size:14px;margin-top:20px;padding:12px}.app-container{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#2c3e50,#34495e);background:linear-gradient(180deg,var(--dark) 0,var(--dark-light) 100%);color:#fff;height:100vh;overflow-y:auto;padding:20px 0;position:fixed;width:250px}.sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding:0 20px 20px}.sidebar-header h2{font-size:20px;font-weight:700}.sidebar-header span{color:#bdc3c7;color:var(--gray-light);font-size:12px}.nav-item{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 20px;transition:background .2s}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#4a90a4;background:var(--primary)}.sidebar-footer{border-top:1px solid #ffffff1a;bottom:0;padding:20px;position:absolute;width:100%}.user-info{color:#bdc3c7;color:var(--gray-light);font-size:12px;margin-bottom:10px}.logout-btn{background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;width:100%}.logout-btn:hover{background:#ffffff1a}.main-content{flex:1 1;margin-left:250px;padding:30px}.page-header{margin-bottom:30px}.page-header h1{color:#2c3e50;color:var(--dark);font-size:28px}.page-header p{color:#95a5a6;color:var(--gray);margin-top:5px}.card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;margin-bottom:20px;padding:24px}.card-header{align-items:center;border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--light);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.card-header h3{color:#2c3e50;color:var(--dark);font-size:18px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;padding:24px}.stat-card h4{color:#95a5a6;color:var(--gray);font-size:13px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-card .value{color:#2c3e50;color:var(--dark);font-size:32px;font-weight:700}.stat-card .subtext{color:#95a5a6;color:var(--gray);font-size:13px;margin-top:5px}.stat-card.primary{border-left:4px solid #4a90a4;border-left:4px solid var(--primary)}.stat-card.success{border-left:4px solid #27ae60;border-left:4px solid var(--success)}.stat-card.warning{border-left:4px solid #f39c12;border-left:4px solid var(--warning)}.stat-card.danger{border-left:4px solid #e74c3c;border-left:4px solid var(--danger)}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--light);padding:14px 16px;text-align:left}th{background:#f8f9fa;color:#95a5a6;color:var(--gray);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}td{font-size:14px}tr:hover{background:#f8f9fa}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.badge.active,.badge.paid{background:#d4edda;color:#155724}.badge.sent{background:#cce5ff;color:#004085}.badge.draft{background:#e2e3e5;color:#383d41}.badge.overdue{background:#f8d7da;color:#721c24}.badge.suspended{background:#fff3cd;color:#856404}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s}.btn-primary{background:#4a90a4;background:var(--primary);color:#fff}.btn-primary:hover{background:#3a7a8f;background:var(--primary-dark)}.btn-secondary{background:#ecf0f1;background:var(--light);color:#2c3e50;color:var(--dark)}.btn-secondary:hover{background:#dde4e6}.btn-sm{font-size:13px;padding:6px 12px}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;color:var(--dark);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 14px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#4a90a4;border-color:var(--primary);box-shadow:0 0 0 3px #4a90a41a;outline:none}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--light);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{font-size:20px}.modal-close{background:none;border:none;color:#95a5a6;color:var(--gray);cursor:pointer;font-size:24px}.modal-body{padding:24px}.modal-footer{border-top:1px solid #ecf0f1;border-top:1px solid var(--light);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.loading{align-items:center;color:#95a5a6;color:var(--gray);display:flex;justify-content:center;padding:60px}.spinner{animation:spin 1s linear infinite;border:3px solid #ecf0f1;border-top-color:#4a90a4;border:3px solid var(--light);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#95a5a6;color:var(--gray);padding:60px 20px;text-align:center}.empty-state h3{color:#2c3e50;color:var(--dark);margin-bottom:10px}
/*# sourceMappingURL=main.5102e257.css.map*/