*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Arial,Helvetica,sans-serif;background:#f4f6f9;color:#333;overflow:hidden}.erp-container{display:flex;height:100vh}.sidebar{width:260px;background:#0b1f3a;color:#fff;position:fixed;left:0;top:0;height:100vh;overflow-y:auto;padding:25px;box-shadow:2px 0 10px #00000026}.logo-container{text-align:center;margin-bottom:35px}.logo-container img{width:110px;height:auto}.logo-container h2{margin-top:12px;font-size:20px;font-weight:700}.menu{margin-top:30px}.menu a{display:block;color:#fff;text-decoration:none;padding:14px 18px;margin-bottom:10px;border-radius:10px;transition:.25s;font-size:15px}.menu a:hover{background:#ffffff26;transform:translate(5px)}.main-content{margin-left:260px;width:calc(100% - 260px);height:100vh;overflow-y:auto;padding:35px;position:relative}.content-area{position:relative;z-index:2;max-width:1400px}.watermark-logo{position:fixed;right:8%;top:20%;width:420px;opacity:.04;pointer-events:none;z-index:1}.page-title{font-size:32px;font-weight:700;color:#0b1f3a;margin-bottom:8px}.page-description{color:#6b7280;font-size:15px;margin-bottom:30px;line-height:1.6}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:30px}.dashboard-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 8px 20px #00000014;transition:.25s;border-left:5px solid #0b1f3a}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.dashboard-card h3{font-size:18px;color:#374151;margin-bottom:18px;font-weight:600}.dashboard-card .number{font-size:36px;font-weight:700;color:#0b1f3a}.dashboard-bottom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:35px}.dashboard-box{background:#fff;border-radius:16px;padding:25px;box-shadow:0 5px 15px #00000014}.dashboard-box h3{margin-bottom:18px;color:#0b1f3a;font-size:20px}.erp-card-form{background:#fff;border-radius:18px;padding:35px;box-shadow:0 8px 20px #00000014;max-width:1100px}.erp-form{width:100%}.erp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:25px}.erp-form-group{display:flex;flex-direction:column}.erp-full-width{grid-column:1 / -1}.erp-form-group label{font-size:15px;font-weight:600;color:#374151;margin-bottom:10px}.erp-form-group input,.erp-form-group select,.erp-form-group textarea{width:100%;padding:14px 16px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:15px;transition:.25s}.erp-form-group input:focus,.erp-form-group select:focus,.erp-form-group textarea:focus{outline:none;border-color:#0b1f3a;box-shadow:0 0 0 4px #0b1f3a1a}.erp-form-group input::placeholder,.erp-form-group textarea::placeholder{color:#9ca3af}.erp-form-group textarea{min-height:130px;resize:vertical}.erp-form-actions{margin-top:35px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.erp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border:none;border-radius:10px;cursor:pointer;text-decoration:none;font-size:15px;font-weight:600;transition:.25s}.erp-btn:hover{transform:translateY(-2px)}.erp-btn-primary{background:#0b1f3a;color:#fff}.erp-btn-success{background:#16a34a;color:#fff}.erp-btn-warning{background:#f59e0b;color:#fff}.erp-btn-danger{background:#dc2626;color:#fff}.erp-btn-secondary{background:#e5e7eb;color:#374151}.erp-search{width:100%;max-width:420px;padding:14px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:15px;margin-bottom:25px}.erp-search:focus{outline:none;border-color:#0b1f3a;box-shadow:0 0 0 4px #0b1f3a1a}.erp-table{width:100%;border-collapse:collapse;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 6px 18px #00000014}.erp-table thead{background:#0b1f3a}.erp-table thead th{color:#fff;padding:16px;text-align:left;font-size:15px}.erp-table tbody td{padding:16px;border-bottom:1px solid #e5e7eb}.erp-table tbody tr:hover{background:#f9fafb}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.status-active{background:#dcfce7;color:#166534}.status-warning{background:#fef3c7;color:#92400e}.status-danger{background:#fee2e2;color:#991b1b}.erp-alert-success{background:#dcfce7;color:#166534;padding:15px;border-radius:10px;margin-bottom:20px}.erp-alert-error{background:#fee2e2;color:#991b1b;padding:15px;border-radius:10px;margin-bottom:20px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.text-center{text-align:center}.text-right{text-align:right}.erp-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 8px 20px #00000014}.erp-flex{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0b1f3a;border-radius:20px}::-webkit-scrollbar-track{background:#edf2f7}@media (max-width:992px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.erp-form-grid{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{position:relative;width:100%;height:auto}.main-content{margin-left:0;width:100%;padding:20px}.erp-container{display:block}.dashboard-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.erp-flex{flex-direction:column;align-items:stretch}.erp-form-actions{flex-direction:column}.erp-btn{width:100%;justify-content:center}.erp-table{display:block;overflow-x:auto}.watermark-logo{display:none}}.facture-container{background:#fff;border-radius:20px;padding:45px;box-shadow:0 10px 35px #0000001a;position:relative;overflow:hidden}.facture-watermark{position:absolute;width:380px;opacity:.035;right:18%;top:18%;z-index:0}.facture-header{position:relative;z-index:2;text-align:center;margin-bottom:45px}.facture-logo{width:185px;height:auto;margin:auto;display:block}.facture-slogan{margin-top:15px;font-size:16px;font-style:italic;color:#64748b;line-height:1.7}.facture-title{margin-top:28px;color:#0b1f3a;font-size:32px;font-weight:800;letter-spacing:.5px}.facture-number{margin:25px auto 0;display:inline-block;background:#0b1f3a;color:#fff;padding:12px 28px;border-radius:12px;font-size:16px;font-weight:600}.facture-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:20px;margin-bottom:35px;position:relative;z-index:2}.facture-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:28px;box-shadow:0 5px 15px #0000000d}.card-title{font-size:20px;font-weight:800;color:#0b1f3a;text-transform:uppercase;border-bottom:3px solid #0b1f3a;padding-bottom:10px;margin-bottom:18px}.facture-info-table{width:100%;border-collapse:collapse}.facture-info-table td{padding:10px 6px;font-size:15px;vertical-align:top}.facture-info-table td:first-child{width:35%;color:#374151;font-weight:700}.facture-info-table td:last-child{color:#111827}.facture-meta{margin-top:15px;margin-bottom:40px}.facture-meta .facture-info-table td{padding:12px 8px}.status-paid{display:inline-block;background:#dcfce7;color:#166534;padding:8px 16px;border-radius:25px;font-weight:700;font-size:14px}.status-unpaid{display:inline-block;background:#fee2e2;color:#991b1b;padding:8px 16px;border-radius:25px;font-weight:700;font-size:14px}.facture-details{position:relative;z-index:2;margin-top:25px}.details-title{text-align:center;font-size:24px;color:#0b1f3a;font-weight:800;margin-bottom:25px}.facture-details .erp-table{margin-top:15px}.facture-details .erp-table thead{background:#0b1f3a}.facture-details .erp-table thead th{color:#fff;padding:15px;font-size:15px;text-align:center}.facture-details .erp-table tbody td{padding:15px;vertical-align:middle}.facture-details .erp-table tbody tr:nth-child(2n){background:#f8fafc}.facture-details .erp-table tbody tr:hover{background:#eef5ff}.facture-total{margin-top:35px;margin-left:auto;width:290px;background:#0b1f3a;color:#fff;border-radius:15px;padding:20px;text-align:center;box-shadow:0 8px 20px #00000026}.total-label{font-size:16px;font-weight:700;letter-spacing:.5px}.total-amount{margin-top:10px;font-size:26px;font-weight:800}.facture-cachet-zone{margin-top:45px;display:flex;justify-content:flex-start;align-items:center}.facture-cachet{width:150px;height:auto;opacity:.95}.facture-footer{margin-top:35px;border-top:2px dashed #d1d5db;padding-top:20px;text-align:center;color:#4b5563;line-height:1.8}.facture-footer p{margin-bottom:10px}.footer-contact{margin-top:15px;font-weight:700;color:#0b1f3a}@media (max-width:768px){.facture-container{padding:20px}.facture-top-grid{grid-template-columns:1fr}.facture-logo{width:140px}.facture-title{font-size:24px}.facture-total{width:100%}.facture-cachet-zone{justify-content:center}.facture-watermark{display:none}}.montant-lettres{margin-top:20px;margin-bottom:30px;padding:12px 15px;border:1px solid #d9d9d9;border-radius:6px;background:#f8f9fa;font-size:15px;line-height:1.8;color:#333}.montant-lettres strong{color:#0b5ed7}.badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.erp-renew-page{width:100%}.erp-renew-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.erp-renew-body{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:flex-start}.erp-summary-card{background:#f8fafc;border:1px solid #dbeafe;border-radius:14px;padding:25px;margin-top:25px}.erp-summary-card h3{color:#0b1f3a;margin-bottom:20px;font-size:20px}.erp-summary-table{width:100%;border-collapse:collapse}.erp-summary-table td{padding:12px 0;border-bottom:1px solid #e5e7eb;font-size:15px}.erp-summary-table td:last-child{text-align:right;font-weight:600}.erp-summary-total td{border-top:2px solid #0b1f3a;border-bottom:none;padding-top:18px;font-size:18px;color:#0b1f3a}.erp-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:9999}.erp-modal-content{background:#fff;width:600px;max-width:95%;border-radius:16px;box-shadow:0 20px 50px #00000040;overflow:hidden}.erp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.erp-modal-header h2{margin:0;color:#0b1f3a;font-size:22px}.erp-modal-body{padding:25px}.erp-close{border:none;background:none;font-size:24px;cursor:pointer;color:#6b7280}.erp-close:hover{color:#dc2626}