.dashboard{max-width:1400px;margin:0 auto}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}}.quick-actions-card{grid-column:span 1}.chart-card{grid-column:span 2}@media (width<=1200px){.chart-card{grid-column:span 2}}@media (width<=768px){.chart-card{grid-column:span 1}}.chart-container{padding:20px 0}.bar-chart{justify-content:space-around;align-items:flex-end;gap:12px;height:200px;display:flex}.bar-column{flex-direction:column;flex:1;align-items:center;max-width:60px;display:flex}.bar-wrapper{justify-content:center;align-items:flex-end;width:100%;height:160px;display:flex}.bar{background:linear-gradient(180deg, var(--primary-light) 0%, var(--primary) 100%);border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .3s;position:relative}.bar-value{color:var(--primary);font-size:14px;font-weight:600;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.bar-label{color:var(--text-secondary);text-transform:capitalize;margin-top:8px;font-size:12px}.produits-summary{flex-direction:column;gap:12px;display:flex}.produit-item{background:var(--background);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px;display:flex}.produit-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--primary);background:#e8f5e9;justify-content:center;align-items:center;display:flex}.produit-info{flex:1;justify-content:space-between;align-items:center;display:flex}.produit-nom{font-size:14px;font-weight:500}.produit-prix{color:var(--primary);font-size:13px;font-weight:600}.stat-card.clickable{cursor:pointer;transition:all var(--transition)}.stat-card.clickable:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.calendrier{max-width:1200px;margin:0 auto}.calendar-header{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;display:flex}.calendar-title h2{color:var(--primary);font-size:24px}.calendar-actions{align-items:center;gap:12px;display:flex}.month-nav{gap:4px;display:flex}.calendar-legend{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);gap:20px;margin-bottom:16px;padding:12px 16px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px}.calendar-grid{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.calendar-weekdays{border-bottom:1px solid var(--border);background:#e8f5e9;grid-template-columns:repeat(7,1fr);display:grid}.weekday{text-align:center;color:var(--primary);padding:12px;font-size:13px;font-weight:600}.calendar-days{grid-template-columns:repeat(7,1fr);display:grid}.calendar-day{border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;min-height:100px;transition:background var(--transition);padding:8px}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:var(--background)}.calendar-day.empty{cursor:default;background:#fafafa}.calendar-day.today{background:#e8f5e9}.calendar-day.today .day-number{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.calendar-day.has-events{background:#fafafa}.day-number{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:500}.day-indicators{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.day-indicator{border-radius:50%;width:8px;height:8px}.day-indicator-more{color:var(--text-secondary);background:var(--background);border-radius:10px;padding:2px 6px;font-size:10px}.day-reservations{flex-direction:column;gap:12px;display:flex}.reservation-item{background:var(--background);border-radius:var(--radius-sm);border-left:4px solid var(--primary);gap:16px;padding:12px;display:flex}.reservation-time{flex-direction:column;gap:4px;min-width:100px;display:flex}.time-label{color:var(--text-secondary);font-size:12px}.reservation-info{flex:1}.reservation-info h4{margin-bottom:4px;font-size:14px}.reservation-info p{color:var(--text-secondary);font-size:13px}.reservation-meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.reservation-total{color:var(--primary);font-weight:600}@media (width<=768px){.calendar-day{min-height:60px;padding:4px}.day-number{font-size:12px}.calendar-legend{flex-wrap:wrap;gap:12px}.reservation-item{flex-direction:column;gap:8px}.reservation-meta{flex-direction:row;justify-content:space-between;align-items:center}}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h2{color:var(--text-primary)}.btn{border-radius:var(--radius-sm);transition:all var(--transition);align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:var(--secondary-dark)}.btn-outline{border:1px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:#e8f5e9}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#b71c1c}.btn-sm{padding:6px 12px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text-primary);font-size:16px;font-weight:600}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.grid-3,.grid-2{grid-template-columns:1fr}}.form-group{margin-bottom:16px}.form-group label{color:var(--text-primary);margin-bottom:6px;font-weight:500;display:block}.form-control{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:40px;color:var(--text-primary);transition:all var(--transition);padding:0 12px}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2e7d3233}.form-control.error{border-color:var(--error)}textarea.form-control{resize:vertical;height:auto;min-height:80px;padding:10px 12px}.form-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=600px){.form-row{grid-template-columns:1fr}}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}th{color:var(--primary);white-space:nowrap;background:#e8f5e9;font-weight:600}tr:hover td{background:var(--background)}.status-badge{color:#fff;border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex}.modal.large{max-width:900px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{font-size:18px;font-weight:600}.modal-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--background);color:var(--text-primary)}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.search-bar{gap:12px;margin-bottom:20px;display:flex}.search-bar input{flex:1;max-width:300px}.filter-group{align-items:center;gap:12px;display:flex}.filter-group select{min-width:150px}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-state svg{opacity:.5;margin-bottom:16px}.empty-state p{margin-bottom:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);align-items:flex-start;gap:16px;padding:20px;display:flex}.stat-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.green{color:var(--primary);background:#e8f5e9}.stat-icon.orange{color:var(--secondary);background:#fff3e0}.stat-icon.blue{color:#1976d2;background:#e3f2fd}.stat-icon.red{color:var(--error);background:#ffebee}.stat-content h4{color:var(--text-secondary);margin-bottom:4px;font-weight:500}.stat-content .value{color:var(--text-primary);font-size:28px;font-weight:700}.action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.items-list{flex-direction:column;gap:12px;display:flex}.item-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);cursor:pointer;justify-content:space-between;align-items:center;padding:16px;display:flex}.item-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow)}.item-info{flex:1}.item-info h4{margin-bottom:4px}.item-info p{color:var(--text-secondary);font-size:13px}.item-meta{align-items:center;gap:16px;display:flex}.item-actions{gap:8px;display:flex}.icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--background);color:var(--primary)}.icon-btn.danger:hover{color:var(--error);background:#ffebee}.section-title{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:600}.divider{background:var(--border);height:1px;margin:20px 0}.total-section{border-radius:var(--radius);background:#f5f5f5;margin-top:16px;padding:16px}.total-row{justify-content:space-between;padding:8px 0;display:flex}.total-row.grand-total{color:var(--primary);border-top:2px solid var(--border);margin-top:8px;padding-top:16px;font-size:18px;font-weight:700}.client-select{align-items:center;gap:12px;display:flex}.client-select select{flex:1}.quick-actions{gap:12px;margin-bottom:24px;display:flex}.recent-list{flex-direction:column;gap:12px;display:flex}.recent-item{background:var(--background);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:12px;display:flex}.recent-item:hover{background:#eee}.recent-item-info h4{margin-bottom:2px;font-size:14px}.recent-item-info p{color:var(--text-secondary);font-size:12px}.recent-item-date{text-align:right;color:var(--text-secondary);font-size:13px}.header-actions{align-items:center;gap:12px;display:flex}.admin-btn{color:#fff;background:linear-gradient(135deg,#1565c0 0%,#1976d2 100%);border:none}.admin-btn:hover{background:linear-gradient(135deg,#0d47a1 0%,#1565c0 100%)}.user-menu{align-items:center;gap:8px;display:flex}.user-name{color:var(--text-secondary);font-size:14px;font-weight:500}@media (width<=600px){.admin-btn span,.user-name{display:none}}:root{--primary:#2e7d32;--primary-light:#60ad5e;--primary-dark:#005005;--secondary:#ff6f00;--secondary-light:#ffa040;--secondary-dark:#c43e00;--background:#f5f5f5;--surface:#fff;--text-primary:#212121;--text-secondary:#757575;--error:#d32f2f;--success:#388e3c;--warning:#f57c00;--border:#e0e0e0;--shadow:0 2px 8px #0000001a;--shadow-elevated:0 4px 16px #00000026;--radius:8px;--radius-sm:4px;--radius-lg:12px;--transition:.2s ease-in-out;--sidebar-width:250px;--sidebar-collapsed:70px;--header-height:60px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--background);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}h1{font-size:28px;font-weight:700}h2{font-size:24px;font-weight:600}h3{font-size:20px;font-weight:600}h4{font-size:16px;font-weight:500}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}.app-container{height:100vh;display:flex;overflow:hidden}.loading-screen{height:100vh;color:var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-spinner{border:4px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);transition:width var(--transition);flex-direction:column;flex-shrink:0;display:flex}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-icon{flex-shrink:0;width:50px;height:50px}.logo-icon img{object-fit:contain;width:100%;height:100%}.logo-text{color:var(--text-primary);white-space:nowrap;font-size:14px;font-weight:700;line-height:1.2}.collapse-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition);justify-content:center;align-items:center;display:flex}.collapse-btn:hover{background:var(--background);color:var(--primary)}.nav-menu{flex-direction:column;flex:1;gap:4px;padding:16px 8px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius);color:var(--text-secondary);transition:all var(--transition);white-space:nowrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.nav-item:hover{background:var(--background);color:var(--primary-light)}.nav-item.active{background:var(--primary);color:#fff}.nav-item span{font-weight:500}.sidebar-footer{border-top:1px solid var(--border);padding:16px}.version-info{text-align:center;color:var(--text-secondary);font-size:12px}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.main-header{height:var(--header-height);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.main-header h1{color:var(--text-primary);font-size:20px}.header-actions{gap:8px;display:flex}.btn-menu{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;display:none}.btn-menu:hover{background:var(--background)}@media (width<=1024px){.btn-menu{display:flex}}.content-area{flex:1;padding:24px;overflow-y:auto}