*{margin:0;padding:0;box-sizing:border-box}
:root{--bx:#7B1A2E;--bx2:#A02840;--rg:#C8956C;--cream:#FAF5F0;--dark:#2A1518;--mid:#6B3040;--muted:#9B7070;--white:#fff;--bd:rgba(200,149,108,.28)}
body{font-family:'Raleway',sans-serif;background:#F5EDE8;color:var(--dark);display:flex;min-height:100vh}
.sidebar{width:240px;background:linear-gradient(180deg,var(--bx) 0%,#2A1518 100%);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:transform .3s}.sb-brand{display:flex;align-items:center;gap:.75rem;padding:1.3rem 1.2rem;border-bottom:1px solid rgba(200,149,108,.2)}.sb-brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(200,149,108,.4)}.sb-name{font-family:'Playfair Display',serif;font-size:.95rem;color:#fff;font-weight:700}.sb-role{font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rg)}.sb-nav{flex:1;padding:.8rem 0;overflow-y:auto}.sb-link{display:flex;align-items:center;gap:.65rem;padding:.72rem 1.3rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.52);font-weight:600;transition:all .25s;text-decoration:none;border-left:3px solid transparent}.sb-link:hover,.sb-link.on{color:var(--rg);background:rgba(200,149,108,.1);border-left-color:var(--rg)}.sb-link i{font-size:1.05rem;flex-shrink:0}.sb-separator{height:1px;background:rgba(200,149,108,.15);margin:.5rem 1.2rem}.sb-logout{color:rgba(255,100,100,.6)}.sb-logout:hover{color:#ff6b6b;background:rgba(255,100,100,.08);border-left-color:#ff6b6b}.sb-footer{padding:.9rem 1.2rem;font-size:.68rem;color:rgba(255,255,255,.3);border-top:1px solid rgba(200,149,108,.15)}
.adm-main{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.adm-topbar{background:#fff;border-bottom:1px solid var(--bd);padding:.85rem 1.8rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:50;box-shadow:0 1px 12px rgba(0,0,0,.06)}.sb-toggle{display:none;background:none;border:none;cursor:pointer;font-size:1.3rem;color:var(--mid)}.adm-page-title{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--bx);font-weight:600;flex:1}.adm-topbar-right{display:flex;align-items:center;gap:.8rem}.adm-user{font-size:.74rem;color:var(--muted);display:flex;align-items:center;gap:.35rem}
.adm-content{padding:1.8rem;flex:1}
.adm-card{background:#fff;border:1px solid var(--bd);padding:1.4rem 1.6rem;margin-bottom:1.2rem;box-shadow:0 2px 12px rgba(0,0,0,.04)}.adm-card-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1rem}.adm-card-hdr h3{font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--bx);font-weight:600}
.adm-flash{position:fixed;top:1rem;right:1rem;padding:.75rem 1.3rem;font-size:.82rem;font-weight:600;z-index:9999;max-width:400px;display:flex;justify-content:space-between;align-items:center;gap:1rem;box-shadow:0 4px 16px rgba(0,0,0,.12)}.adm-flash button{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.7}.adm-flash-success{background:rgba(46,204,113,.12);border-left:3px solid #2ecc71;color:#1a7a40}.adm-flash-error{background:rgba(192,57,43,.1);border-left:3px solid #c0392b;color:#c0392b}
.adm-table{width:100%;border-collapse:collapse;font-size:.82rem}.adm-table th{background:var(--bx);color:var(--rg);padding:.58rem .8rem;text-align:left;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.adm-table td{padding:.58rem .8rem;border-bottom:1px solid var(--bd);vertical-align:middle}.adm-table tr:hover td{background:rgba(200,149,108,.04)}.adm-empty{color:var(--muted);font-style:italic;padding:1.5rem 0;text-align:center}.text-gold{color:var(--rg)}
.tbl-thumb{width:44px;height:55px;object-fit:cover}.tbl-thumb-ph{width:44px;height:55px;background:#F5EDE8;display:flex;align-items:center;justify-content:center}.tbl-thumb-ph i{font-size:1.2rem;color:var(--rg);opacity:.4}
.badge-pill{background:rgba(123,26,46,.1);color:var(--bx);padding:.18rem .6rem;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%}.status-dot.green{background:#2ecc71}.status-dot.red{background:#e74c3c}
.statut-badge{display:inline-block;padding:.18rem .6rem;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.statut-nouvelle{background:rgba(123,26,46,.1);color:var(--bx)}.statut-confirmee,.statut-confirm_e{background:rgba(52,152,219,.1);color:#2980b9}.statut-en_livraison{background:rgba(241,196,15,.15);color:#9A7D0A}.statut-livree,.statut-livr_e{background:rgba(46,204,113,.1);color:#1a7a40}.statut-annulee,.statut-annul_e{background:rgba(192,57,43,.1);color:#c0392b}
.ref-badge{background:var(--bx);color:var(--rg);padding:.18rem .55rem;font-size:.65rem;font-weight:700;letter-spacing:.08em;font-family:monospace}
.btn-xs-adm{background:none;border:1px solid var(--bd);color:var(--mid);padding:.3rem .65rem;font-size:.7rem;cursor:pointer;font-family:'Raleway',sans-serif;font-weight:600;transition:all .3s;text-decoration:none;display:inline-block}.btn-xs-adm:hover{border-color:var(--bx);color:var(--bx)}.btn-xs-danger{border-color:rgba(192,57,43,.3);color:#c0392b}.btn-xs-danger:hover{background:#c0392b;color:#fff;border-color:#c0392b}.btn-link{font-size:.72rem;color:var(--rg);font-weight:600;text-decoration:none}.btn-link:hover{color:var(--bx)}
.btn-adm-primary{background:var(--bx);color:var(--rg);border:none;padding:.65rem 1.4rem;font-family:'Raleway',sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:.4rem;transition:background .3s;text-decoration:none}.btn-adm-primary:hover{background:var(--bx2)}.btn-adm-secondary{background:none;color:var(--mid);border:1px solid var(--bd);padding:.65rem 1.4rem;font-family:'Raleway',sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;transition:all .3s;text-decoration:none}.btn-adm-secondary:hover{border-color:var(--bx);color:var(--bx)}
.adm-card-hdr-bar{margin-bottom:1rem}.filter-tabs-bar{margin-bottom:1rem}.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem;background:#fff;padding:.8rem 1.2rem;border:1px solid var(--bd)}.filter-tab{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.35rem .9rem;font-weight:600;border:1px solid transparent;transition:all .3s;text-decoration:none;display:inline-block}.filter-tab.on,.filter-tab:hover{background:var(--bx);color:var(--rg);border-color:var(--bx)}
.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-bottom:1.6rem}.stat-card{background:#fff;border:1px solid var(--bd);padding:1.3rem 1.4rem;display:flex;align-items:flex-start;gap:.9rem;box-shadow:0 2px 10px rgba(0,0,0,.04)}.stat-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.stat-bx .stat-icon{background:rgba(123,26,46,.1);color:var(--bx)}.stat-gold .stat-icon{background:rgba(200,149,108,.15);color:var(--rg)}.stat-green .stat-icon{background:rgba(46,204,113,.1);color:#1a7a40}.stat-orange .stat-icon{background:rgba(241,196,15,.12);color:#9A7D0A}.stat-val{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;color:var(--dark);line-height:1}.stat-lbl{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.2rem}
.dash-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.2rem}.dash-chart-card{grid-column:span 2}
.top-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.top-item{display:flex;align-items:center;gap:.75rem}.top-img{width:36px;height:45px;object-fit:cover;flex-shrink:0}.top-img-ph{width:36px;height:45px;background:#F5EDE8;display:flex;align-items:center;justify-content:center}.top-img-ph i{font-size:.9rem;color:var(--rg);opacity:.5}.top-info{flex:1}.top-name{font-size:.82rem;font-weight:600;color:var(--bx)}.top-price{font-size:.72rem;color:var(--muted)}.top-vues{font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:.25rem;flex-shrink:0}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-grp{margin-bottom:1rem}.form-lbl{display:block;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--mid);margin-bottom:.38rem;font-weight:700}.form-inp,.form-sel,.form-ta{width:100%;border:1px solid var(--bd);padding:.64rem .88rem;font-family:'Raleway',sans-serif;font-size:.86rem;color:var(--dark);background:var(--cream);outline:none;transition:border-color .3s}.form-inp:focus,.form-sel:focus,.form-ta:focus{border-color:var(--bx)}.form-sel{appearance:none;cursor:pointer}.form-ta{resize:vertical;min-height:80px}.form-hint{font-size:.7rem;color:var(--muted);margin-top:.25rem;display:block}.form-actions{display:flex;align-items:center;gap:.8rem;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--bd)}
.upload-prev-wrap{display:flex;flex-direction:column;gap:.7rem;align-items:flex-start}.img-prev-thumb{max-height:140px;max-width:200px;object-fit:cover;border:1px solid var(--bd)}.img-prev-ph{width:120px;height:150px;background:#F5EDE8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;border:1px dashed var(--bd)}.img-prev-ph i{font-size:2rem;color:var(--rg);opacity:.4}.img-prev-ph span{font-size:.7rem;color:var(--muted)}.btn-upload-lbl{background:none;border:1px solid var(--bd);color:var(--mid);padding:.45rem .95rem;font-family:'Raleway',sans-serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:.35rem;transition:all .3s}.btn-upload-lbl:hover{border-color:var(--bx);color:var(--bx)}
.detail-dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;font-size:.84rem}.detail-dl dt{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;padding-top:.1rem}.detail-dl dd{color:var(--dark)}
.pagination{display:flex;justify-content:center;gap:.5rem;padding:1.5rem 0}.page-btn{border:1px solid var(--bd);color:var(--muted);padding:.38rem .85rem;font-family:'Raleway',sans-serif;font-size:.74rem;font-weight:600;transition:all .3s;text-decoration:none;display:inline-block}.page-btn.on,.page-btn:hover{background:var(--bx);color:var(--rg);border-color:var(--bx)}
.adm-toast{position:fixed;bottom:1.2rem;right:1.2rem;background:var(--bx);color:var(--rg);padding:.65rem 1.4rem;font-size:.76rem;letter-spacing:.1em;z-index:999;border-left:3px solid var(--rg);font-family:'Raleway',sans-serif;font-weight:700;animation:fadeInUp .35s ease;box-shadow:0 4px 16px rgba(0,0,0,.15)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:900px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:none}.adm-main{margin-left:0}.sb-toggle{display:block}.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.dash-chart-card{grid-column:span 1}.form-grid-2{grid-template-columns:1fr}}