:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dashboard-container{padding:20px;max-width:1200px;margin:0 auto}.page-title{color:#333;margin-bottom:20px;font-size:28px;text-align:center}.welcome-message{background-color:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:30px;text-align:center}.welcome-message h2{margin-top:0;color:#2c3e50}.stats-row{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.stat-box{flex:1;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;text-align:center;transition:transform .3s ease}.stat-box:hover{transform:translateY(-5px)}.stat-header{font-size:16px;color:#7f8c8d;margin-bottom:10px}.stat-value{font-size:28px;font-weight:700;color:#2c3e50}.section-container{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{margin:0;color:#2c3e50;font-size:20px}.section-subtitle{color:#7f8c8d;font-size:14px}.action-buttons-container{display:flex;gap:15px;flex-wrap:wrap}.dashboard-action-button{display:inline-block;padding:12px 20px;background-color:#3498db;color:#fff;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .3s ease}.dashboard-action-button:hover{background-color:#2980b9}.dashboard-table-container{overflow-x:auto}.dashboard-table th,.dashboard-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.dashboard-table th{background-color:#f5f5f5;font-weight:600;color:#2c3e50}.dashboard-table tr:hover{background-color:#f9f9f9}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-en_attente{background-color:#f39c12;color:#fff}.status-accepted{background-color:#2ecc71;color:#fff}.status-rejected{background-color:#e74c3c;color:#fff}.table-link{color:#3498db;text-decoration:none;font-weight:500}.no-data-message{text-align:center;color:#7f8c8d;padding:20px}@media (max-width: 768px){.stats-row{flex-direction:column}.stat-box{margin-bottom:15px}}:root{--primary-color: #1A56DB;--primary-dark: #1E429F;--primary-light: #60A5FA;--primary-bg: #EBF5FF;--secondary-color: #0E9F6E;--secondary-dark: #046C4E;--secondary-light: #31C48D;--secondary-bg: #F3FAF7;--danger-color: #DC2626;--danger-dark: #B91C1C;--danger-light: #F87171;--danger-bg: #FEF2F2;--warning-color: #D97706;--warning-dark: #B45309;--warning-light: #FBBF24;--warning-bg: #FFFBEB;--info-color: #2563EB;--info-dark: #1D4ED8;--info-light: #60A5FA;--info-bg: #EFF6FF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--white: #FFFFFF;--black: #000000;--border-radius-sm: 4px;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray-100);color:var(--gray-800);line-height:1.6;font-size:1rem}#root{min-height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem;color:var(--gray-900)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast) ease}a:hover{color:var(--primary-dark);text-decoration:underline}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}@media (max-width: 640px){html{font-size:14px}.container{padding:0 var(--spacing-2)}}@media (max-width: 768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media (min-width: 1024px){.container{padding:0 var(--spacing-6)}}.navbar{background-color:var(--white);box-shadow:var(--shadow);padding:var(--spacing-4) var(--spacing-6);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.navbar-brand{display:flex;align-items:center}.navbar-brand a{display:flex;align-items:center;text-decoration:none}.navbar-brand h1{font-size:1.25rem;font-weight:600;color:var(--primary-color);margin:0;margin-left:var(--spacing-3)}.navbar-menu{display:flex;gap:var(--spacing-6);align-items:center}.navbar-item{color:var(--gray-700);text-decoration:none;font-weight:500;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius);transition:all var(--transition-fast) ease}.navbar-item:hover{color:var(--primary-color);background-color:var(--primary-bg)}.navbar-item.active{color:var(--primary-color);background-color:var(--primary-bg);font-weight:600}.navbar-end{position:relative}.navbar-link{cursor:pointer;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius);background-color:var(--gray-100);display:flex;align-items:center;gap:var(--spacing-2);font-weight:500;transition:all var(--transition-fast) ease}.navbar-link:hover{background-color:var(--gray-200)}.navbar-dropdown{position:absolute;right:0;top:100%;background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-md);min-width:200px;z-index:10;padding:var(--spacing-2) 0;margin-top:var(--spacing-2);border:1px solid var(--gray-200);overflow:hidden}.navbar-dropdown .navbar-item{display:block;padding:var(--spacing-3) var(--spacing-4);width:100%;text-align:left;border-radius:0}.navbar-divider{height:1px;background-color:var(--gray-200);margin:var(--spacing-2) 0;border:none}.navbar-mobile-toggle{display:none;background:none;border:none;color:var(--gray-700);font-size:1.5rem;cursor:pointer;padding:var(--spacing-2)}@media (max-width: 768px){.navbar{padding:var(--spacing-3) var(--spacing-4)}.navbar-mobile-toggle{display:block}.navbar-menu{display:none;position:fixed;top:60px;left:0;right:0;background-color:var(--white);flex-direction:column;gap:0;box-shadow:var(--shadow);padding:var(--spacing-2) 0}.navbar-menu.active{display:flex}.navbar-item{width:100%;padding:var(--spacing-3) var(--spacing-4);border-radius:0}.navbar-end{width:100%;padding:var(--spacing-3) var(--spacing-4)}.navbar-link{width:100%;justify-content:center}.navbar-dropdown{position:static;box-shadow:none;border:none;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);margin-top:var(--spacing-2);width:100%}}.main-content{flex:1;padding:2rem 0;width:100%}.content-wrapper{margin:0 auto;padding:0 2rem;width:100%}.header-full-width,.footer-full-width{width:100%;background-color:var(--white);box-shadow:var(--shadow)}.header-full-width{position:sticky;top:0;z-index:100}.footer{padding:1.5rem 2rem;border-top:1px solid var(--gray-200);width:100%}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-logo-section{display:flex;align-items:center;gap:1rem}.footer-logo{height:30px;width:auto}.footer-copyright,.footer-info{font-size:.875rem;color:var(--gray-500)}.footer-links{display:flex;gap:1.5rem}.footer-link{color:var(--gray-600);text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-link:hover{color:var(--primary-color)}.form-group{margin-bottom:1.5rem;flex:1;min-width:250px;display:flex;flex-direction:column;align-items:center}.form-row{display:flex;flex-wrap:wrap;margin-bottom:1rem;gap:1rem;justify-content:center}.form-group-half{flex:1 1 calc(50% - .75rem);min-width:250px}.form-control{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:.375rem;background-color:var(--white);color:var(--gray-900);font-size:1rem;transition:border-color .2s ease;text-align:center}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1a56db26}.form-control[readonly]{background-color:var(--gray-100);cursor:not-allowed;color:var(--gray-600)}.form-control::placeholder{color:var(--gray-400)}.form-control.large-input{font-size:1.2rem;padding:.8rem 1rem}textarea.form-control.large-textarea{min-height:150px;font-size:1.1rem}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;padding-right:2.5rem}textarea.form-control{resize:vertical;min-height:100px}.required{color:var(--danger-color);margin-left:.25rem}.formulaire-form-container{max-width:800px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow)}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gray-700);text-align:center;width:100%}input,select,textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633}.checkbox-group{display:flex;align-items:center}.checkbox-group input[type=checkbox]{width:auto;margin-right:.5rem}.form-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.button{padding:.75rem 1.5rem;background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;text-align:center;transition:all var(--transition-fast) ease;text-decoration:none;display:inline-block;box-shadow:var(--shadow-sm)}.button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button:disabled{background-color:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.action-button{padding:.75rem 1.5rem;background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;text-align:center;transition:all var(--transition-fast) ease;text-decoration:none;display:inline-block;margin-right:var(--spacing-4);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-sm)}.action-button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.quick-actions{margin-bottom:var(--spacing-8)}.quick-actions h3,.recent-forms h3{margin-bottom:var(--spacing-4);color:var(--gray-800);border-bottom:1px solid var(--gray-200);padding-bottom:var(--spacing-2)}.cancel-button{padding:.75rem 1.5rem;background-color:var(--white);color:var(--gray-700);border:1px solid var(--gray-300);border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:all var(--transition-fast) ease;box-shadow:var(--shadow-sm)}.cancel-button:hover{background-color:var(--gray-100);border-color:var(--gray-400);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cancel-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.formulaires-table-container,.forms-table-container{overflow-x:auto;margin-top:var(--spacing-6);margin-bottom:var(--spacing-6);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-200);background-color:var(--white);width:100%}.formulaires-table,.forms-table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--white)}.formulaires-table th,.formulaires-table td,.forms-table th,.forms-table td{padding:var(--spacing-4) var(--spacing-5);text-align:left;vertical-align:middle}.formulaires-table th,.forms-table th{background-color:var(--gray-50);font-weight:600;color:var(--gray-700);cursor:pointer;position:sticky;top:0;z-index:10;border-bottom:2px solid var(--gray-200);white-space:nowrap;transition:background-color var(--transition-fast) ease}.formulaires-table th:hover{background-color:var(--gray-100)}.formulaires-table td,.forms-table td{border-bottom:1px solid var(--gray-200);color:var(--gray-700)}.formulaires-table tr:last-child td{border-bottom:none}.formulaires-table tr:hover td{background-color:var(--primary-bg)}.formulaires-table th .sort-icon{display:inline-block;margin-left:var(--spacing-2);transition:transform var(--transition-fast) ease}.formulaires-table th.asc .sort-icon{transform:rotate(180deg)}.formulaires-table th.desc .sort-icon{transform:rotate(0)}.formulaires-table .action-buttons{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.formulaires-table .action-button{padding:var(--spacing-2) var(--spacing-3);font-size:.875rem;border-radius:var(--border-radius);text-decoration:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast) ease}.formulaires-table .action-button.view{background-color:var(--info-bg);color:var(--info-color);border:1px solid var(--info-light)}.formulaires-table .action-button.view:hover{background-color:var(--info-color);color:var(--white)}.formulaires-table .action-button.edit{background-color:var(--primary-bg);color:var(--primary-color);border:1px solid var(--primary-light)}.formulaires-table .action-button.edit:hover{background-color:var(--primary-color);color:var(--white)}.formulaires-table .action-button.validate{background-color:var(--secondary-bg);color:var(--secondary-color);border:1px solid var(--secondary-light)}.formulaires-table .action-button.validate:hover{background-color:var(--secondary-color);color:var(--white)}.formulaires-table .action-button.delete{background-color:var(--danger-bg);color:var(--danger-color);border:1px solid var(--danger-light)}.formulaires-table .action-button.delete:hover{background-color:var(--danger-color);color:var(--white)}@media (max-width: 768px){.formulaires-table th,.formulaires-table td{padding:var(--spacing-3)}.formulaires-table-container{border-radius:var(--border-radius)}.responsive-table-container{overflow-x:visible}.responsive-table-container table{display:block}.responsive-table-container thead{display:none}.responsive-table-container tbody{display:block}.responsive-table-container tr{display:block;margin-bottom:var(--spacing-4);border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.responsive-table-container td{display:flex;padding:var(--spacing-3);text-align:right;border-bottom:1px solid var(--gray-200)}.responsive-table-container td:before{content:attr(data-label);font-weight:600;margin-right:auto;color:var(--gray-700)}.responsive-table-container td:last-child{border-bottom:none}}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-size:.875rem;font-weight:600;line-height:1.5;white-space:nowrap;transition:all var(--transition-fast) ease;box-shadow:var(--shadow-sm)}.status-badge:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%}.status-en_attente{background-color:var(--warning-bg);color:var(--warning-dark);border:1px solid var(--warning-light)}.status-en_attente:before{background-color:var(--warning-color);box-shadow:0 0 0 2px #d9770633}.status-accepted{background-color:var(--secondary-bg);color:var(--secondary-dark);border:1px solid var(--secondary-light)}.status-accepted:before{background-color:var(--secondary-color);box-shadow:0 0 0 2px #0e9f6e33}.status-rejected{background-color:var(--danger-bg);color:var(--danger-dark);border:1px solid var(--danger-light)}.status-rejected:before{background-color:var(--danger-color);box-shadow:0 0 0 2px #dc262633}.status-active{background-color:var(--secondary-bg);color:var(--secondary-dark);border:1px solid var(--secondary-light)}.status-active:before{background-color:var(--secondary-color);box-shadow:0 0 0 2px #0e9f6e33}.status-inactive{background-color:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-300)}.status-inactive:before{background-color:var(--gray-500);box-shadow:0 0 0 2px #6b728033}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);margin:var(--spacing-8) 0;flex-wrap:wrap}.pagination-button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--gray-300);background-color:var(--white);border-radius:var(--border-radius);font-size:.875rem;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast) ease}.pagination-button:hover{background-color:var(--primary-bg);border-color:var(--primary-light);color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pagination-button.active{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.pagination-button:disabled{background-color:var(--gray-100);color:var(--gray-400);border-color:var(--gray-200);cursor:not-allowed;transform:none;box-shadow:none}.pagination-button.prev,.pagination-button.next{padding:var(--spacing-2) var(--spacing-4)}.pagination-info{color:var(--gray-600);font-size:.875rem;margin:0 var(--spacing-4)}@media (max-width: 640px){.pagination{gap:var(--spacing-1)}.pagination-button{min-width:36px;height:36px;padding:var(--spacing-1) var(--spacing-2)}.pagination-button.number:not(.active){display:none}.pagination-button.number.active,.pagination-button.prev,.pagination-button.next{display:inline-flex}.pagination-info{display:block;width:100%;text-align:center;margin-top:var(--spacing-2)}}.card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:var(--spacing-6);margin-bottom:var(--spacing-6);border:1px solid var(--gray-200);transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-title{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--gray-200)}.card-content{color:var(--gray-700)}.dashboard-container{width:100%;max-width:100%}.welcome-message{margin-bottom:var(--spacing-6)}.page-title{margin-bottom:var(--spacing-4);color:var(--gray-900);border-bottom:2px solid var(--primary-light);padding-bottom:var(--spacing-3);display:inline-block}.section-container{margin-bottom:var(--spacing-6)}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-4);color:var(--gray-800)}.action-buttons-container{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.dashboard-action-button{display:inline-block;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius);text-decoration:none;font-weight:500;font-size:.9rem;transition:background-color .2s}.dashboard-action-button:hover{background-color:var(--primary-dark)}.dashboard-table-container{width:100%;overflow-x:auto;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th,.dashboard-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--gray-200)}.dashboard-table th{font-weight:600;background-color:var(--gray-50)}.dashboard-table tr:last-child td{border-bottom:none}.table-link{color:var(--primary-color);text-decoration:none}.table-link:hover{text-decoration:underline}.no-data-message{padding:var(--spacing-4);color:var(--gray-600);font-style:italic;text-align:center;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.stats-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.stat-box{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:1rem;min-width:180px;flex:1;border-top:3px solid var(--primary-color)}.stat-header{font-weight:600;color:var(--gray-600);margin-bottom:.5rem;font-size:1rem}.stat-value{font-size:2rem;font-weight:700;color:var(--gray-900)}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8);width:100%}.stat-card{background-color:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow);border:1px solid var(--gray-200);transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card:before{content:"";position:absolute;top:0;left:0;height:4px;width:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-light))}.stat-card.success:before{background:linear-gradient(90deg,var(--secondary-color),var(--secondary-light))}.stat-card.warning:before{background:linear-gradient(90deg,var(--warning-color),var(--warning-light))}.stat-card.danger:before{background:linear-gradient(90deg,var(--danger-color),var(--danger-light))}.stat-card h3{font-size:1rem;color:var(--gray-600);margin-bottom:var(--spacing-3);font-weight:500}.stat-value{font-size:2.25rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-2);line-height:1.2}.stat-change{display:flex;align-items:center;font-size:.875rem;margin-top:var(--spacing-2)}.stat-change.positive{color:var(--secondary-color)}.stat-change.negative{color:var(--danger-color)}.stat-icon{position:absolute;top:var(--spacing-6);right:var(--spacing-6);width:40px;height:40px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;background-color:var(--primary-bg);color:var(--primary-color)}.stat-card.success .stat-icon{background-color:var(--secondary-bg);color:var(--secondary-color)}.stat-card.warning .stat-icon{background-color:var(--warning-bg);color:var(--warning-color)}.stat-card.danger .stat-icon{background-color:var(--danger-bg);color:var(--danger-color)}@media (max-width: 768px){.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.stat-card{padding:var(--spacing-4)}.stat-value{font-size:1.75rem}.stat-icon{top:var(--spacing-4);right:var(--spacing-4);width:32px;height:32px}}.message{padding:1rem;border-radius:var(--border-radius);margin-bottom:1.5rem}.message.success{background-color:#10b9811a;border:1px solid var(--secondary-color);color:var(--secondary-color)}.message.error{background-color:#ef44441a;border:1px solid var(--danger-color);color:var(--danger-color)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--gray-100) 100%);padding:var(--spacing-4);width:100vw;position:fixed;inset:0;z-index:1000}.login-form-container{padding:1.5rem;background-color:var(--white);border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto 2rem;max-width:500px;width:100%;border:1px solid var(--gray-200);animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo-container{display:flex;justify-content:center;margin-bottom:var(--spacing-6)}.login-logo{height:90px;width:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.login-title{text-align:center;margin-bottom:var(--spacing-4);color:var(--gray-900);font-size:1.75rem;font-weight:700}.login-info{text-align:center;margin-bottom:var(--spacing-6);color:var(--gray-600);font-size:.95rem;background-color:var(--primary-bg);padding:var(--spacing-3);border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.login-form .form-group{margin-bottom:var(--spacing-5)}.login-form label{display:block;margin-bottom:var(--spacing-2);font-weight:500;color:var(--gray-700)}.login-form input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:1rem;transition:all var(--transition-fast) ease}.login-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1a56db26}.login-form input::placeholder{color:var(--gray-400)}.login-button{width:100%;margin-top:var(--spacing-6);padding:var(--spacing-3) var(--spacing-4);background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast) ease}.login-button:hover{background-color:var(--primary-dark)}.login-button:disabled{background-color:var(--gray-400);cursor:not-allowed}@media (max-width: 480px){.login-form-container{padding:var(--spacing-6) var(--spacing-4)}.login-logo{height:70px}.login-title{font-size:1.5rem}}.error-message{color:var(--danger-color);font-size:.875rem;margin-top:.5rem}.date-picker-field{margin-bottom:1.5rem}.date-picker-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gray-700)}.date-picker-input{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s ease}.date-picker-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633}.date-picker-input.error{border-color:var(--danger-color)}.required-mark{color:var(--danger-color);margin-left:.25rem}.details-card{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem;margin-top:1.5rem}.details-section{margin-bottom:2rem}.details-section h2{font-size:1.25rem;color:var(--gray-800);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-200)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.detail-item{display:flex;flex-direction:column}.detail-label{font-size:.875rem;color:var(--gray-600);margin-bottom:.25rem}.detail-value{font-size:1rem;color:var(--gray-900);font-weight:500}.full-width{grid-column:1 / -1}@media (max-width: 768px){.navbar{flex-direction:column;padding:1rem}.navbar-menu{margin-top:1rem;flex-wrap:wrap;justify-content:center}.main-content{padding:1rem}.footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-links{justify-content:center}.stats-container{grid-template-columns:1fr}}