:root{--sidebar-bg: #0D1B2A;--sidebar-active: #3D5AF1;--sidebar-text: #94A3B8;--sidebar-text-active: #FFFFFF;--sidebar-card: #1A2E42;--primary: #3D5AF1;--primary-hover: #2D4AE0;--primary-light: #EEF2FF;--bg-app: #F1F5F9;--bg-card: #FFFFFF;--bg-panel: #FFFFFF;--bg-hover: #F8FAFC;--border: #E2E8F0;--border-light: #F1F5F9;--text-primary: #0F172A;--text-secondary: #64748B;--text-muted: #94A3B8;--status-devis-bg: #F3F4F6;--status-devis-text: #6B7280;--status-confirmee-bg: #EFF6FF;--status-confirmee-text: #3B82F6;--status-preparation-bg: #FFFBEB;--status-preparation-text: #D97706;--status-livree-bg: #ECFDF5;--status-livree-text: #059669;--status-annulee-bg: #FEF2F2;--status-annulee-text: #DC2626;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--sidebar-width: 240px;--panel-width: 320px;--topbar-height: 64px}.sidebar-nav{scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .15s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-outline{background:#fff;color:var(--text-secondary);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-hover)}.btn-block{width:100%;justify-content:center}.input,.select{width:100%;border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:14px;color:var(--text-primary);background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3d5af11f}.field-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.field-error{color:var(--danger);font-size:12px;margin-top:4px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mono{font-variant-numeric:tabular-nums;letter-spacing:-.2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}