@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Atkinson+Hyperlegible:wght@400;700&display=swap";:root{--bg: #F9F5EB;--surface: #F2EAD3;--surface-elevated: #EDE9DD;--border: #D4C5A9;--fg: #2B2520;--muted: #6B6358;--primary: #4A5D23;--secondary: #C67B5C;--accent: #E6A817;--danger: #B23A48;--success: #4A5D23;--font-display: "Fraunces", Georgia, serif;--font-body: "Atkinson Hyperlegible", system-ui, sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 28px;--text-3xl: 44px;--leading-body: 1.55;--radius: 12px;--radius-sm: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);font-size:var(--text-base);line-height:var(--leading-body)}h1,h2,h3{font-family:var(--font-display);font-weight:600;color:var(--fg)}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--border)}.sidebar-logo{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--primary);letter-spacing:-.02em}.sidebar-logo span{color:var(--accent)}.sidebar-nav{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);flex:1}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--muted);border:none;background:none;text-align:left;transition:all .15s ease;width:100%}.nav-item:hover{background:var(--surface-elevated);color:var(--fg)}.nav-item.active{background:var(--primary);color:#fff}.nav-icon{width:18px;height:18px;flex-shrink:0}.main-content{flex:1;padding:var(--space-8);overflow-x:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.page-title{font-size:var(--text-xl);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.stat-label{font-size:var(--text-sm);color:var(--muted);font-weight:400}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:1}.stat-value.accent{color:var(--accent)}.stat-value.primary{color:var(--primary)}.stat-value.danger{color:var(--danger)}.stat-value.secondary{color:var(--secondary)}.stat-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.table-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:var(--surface-elevated)}td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--border);color:var(--fg)}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-elevated)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 18px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.btn-primary:hover{background:#3a4a1c}.btn-secondary{background:var(--surface-elevated);color:var(--fg);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface)}.btn-accent{background:var(--accent);color:var(--fg);border:1px solid var(--accent)}.btn-accent:hover{background:#d4980f}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-sm{padding:6px 12px;font-size:var(--text-xs)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:var(--text-xs);font-weight:700;white-space:nowrap}.badge-warning{background:#fbe5a0;color:#8b6914}.badge-danger{background:#f3c9cc;color:#8b2a35}.badge-success{background:#d4e8b0;color:#3a4a1c}.badge-info{background:#e8ddd0;color:var(--muted)}.badge-secondary{background:#f0d4c5;color:#8b4a30}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-label{font-size:var(--text-sm);font-weight:700;color:var(--fg)}.form-input,.form-select{padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg);outline:none;transition:border-color .15s ease;width:100%}.form-input:focus,.form-select:focus{border-color:var(--primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#2b252066;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.modal{background:var(--surface-elevated);border-radius:var(--radius);border:1px solid var(--border);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:var(--text-lg);font-weight:600}.modal-close{background:none;border:none;font-size:var(--text-xl);cursor:pointer;color:var(--muted);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.modal-close:hover{background:var(--surface);color:var(--fg)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-2)}.search-bar{padding:10px 14px 10px 40px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg);outline:none;width:100%;max-width:320px}.search-wrapper{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}.empty-state{text-align:center;padding:var(--space-8);color:var(--muted)}.empty-state h3{margin-bottom:var(--space-2);color:var(--fg)}.low-stock-list{display:flex;flex-direction:column;gap:var(--space-3)}.low-stock-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border-radius:var(--radius-sm);border:1px solid var(--border)}.low-stock-item-name{font-weight:700;font-size:var(--text-sm)}.low-stock-item-cat{font-size:var(--text-xs);color:var(--muted)}.status-select{padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;cursor:pointer;outline:none}.status-nouvelle{background:#e8ddd0;color:var(--muted);border-color:var(--border)}.status-en-preparation{background:#fbe5a0;color:#8b6914;border-color:#e6a817}.status-expediee{background:#f0d4c5;color:#8b4a30;border-color:var(--secondary)}.status-livree{background:#d4e8b0;color:#3a4a1c;border-color:var(--primary)}.order-item-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.order-item-row:last-child{border-bottom:none}.order-item-row select{flex:1}.order-item-row input{width:80px}.remove-item-btn{background:none;border:none;color:var(--danger);cursor:pointer;padding:var(--space-2);font-size:var(--text-lg);border-radius:var(--radius-sm)}.remove-item-btn:hover{background:#f3c9cc}.mobile-header{display:none;background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-4);align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.mobile-header .sidebar-logo{font-size:var(--text-base)}.menu-toggle{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer;color:var(--fg)}@media (max-width: 768px){.sidebar{display:none;position:fixed;z-index:50;width:240px}.sidebar.open,.mobile-header{display:flex}.main-content{padding:var(--space-4)}.stat-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.search-wrapper{max-width:100%}table{font-size:var(--text-xs)}th,td{padding:var(--space-2)}.modal{max-width:100%}}@media (max-width: 480px){.stat-grid{grid-template-columns:1fr}}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--muted)}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background:var(--primary);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:700;z-index:200;box-shadow:0 10px 30px #0003;animation:toastIn .3s ease}@keyframes toastIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.order-detail-items{margin-top:var(--space-4)}.order-detail-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.order-detail-item:last-child{border-bottom:none}.order-detail-total{display:flex;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-4);border-top:2px solid var(--border);font-weight:700;font-size:var(--text-base)}