:root{
  --rose:#f7d6df;--gold:#c99a43;--cream:#fff8f5;--text:#3a2b2b;--muted:#7e6b6b;--white:#fff;
  --green:#2e8b57;--red:#c0392b;--orange:#d98724;--yellow:#e8bd45;--shadow:0 16px 45px rgba(80,45,45,.1);
}
*{box-sizing:border-box}
body{margin:0;background:#fff8f5;font-family:Inter,Arial,sans-serif;color:var(--text)}
.layout{display:grid;grid-template-columns:270px 1fr;min-height:100vh}
.sidebar{background:linear-gradient(180deg,#4b2e2e,#2d1b1b);color:white;padding:22px;position:sticky;top:0;height:100vh;overflow:auto}
.logo-admin{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.logo-admin img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}
.logo-admin strong{color:#f5d58e}
.menu{display:grid;gap:8px}
.menu a{color:white;text-decoration:none;padding:12px 14px;border-radius:16px;display:block;background:rgba(255,255,255,.06)}
.menu a:hover,.menu a.active{background:rgba(201,154,67,.28)}
.main{padding:24px;overflow:hidden}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
h1{margin:0;font-size:32px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.card{background:white;border:1px solid rgba(201,154,67,.18);border-radius:24px;padding:20px;box-shadow:var(--shadow)}
.kpi{font-size:28px;font-weight:900;color:#8a641e}
.table-wrap{background:white;border-radius:24px;overflow:auto;border:1px solid rgba(201,154,67,.18);box-shadow:var(--shadow)}
table{width:100%;border-collapse:collapse;min-width:760px}
th,td{text-align:left;padding:14px;border-bottom:1px solid #f0e1da}
th{background:#fff1f5;color:#6b4b4b;font-size:13px;text-transform:uppercase}
.btn{border:0;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer;background:#3a2b2b;color:white;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.btn.gold{background:linear-gradient(135deg,#c99a43,#e5bd67);color:#2a1a10}
.btn.light{background:#fff;border:1px solid rgba(201,154,67,.3);color:#3a2b2b}
.btn.red{background:#c0392b}
.btn.green{background:#2e8b57}
.input,select,textarea{width:100%;padding:12px;border:1px solid rgba(201,154,67,.28);border-radius:14px;background:#fffaf8;font:inherit}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.badge{padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px;background:#f3e5c7;color:#7b5716}
.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.column{background:#fff;border-radius:22px;padding:14px;border:1px solid rgba(201,154,67,.18)}
.order-card{background:#fff8f5;border-left:6px solid #c99a43;border-radius:18px;padding:14px;margin-bottom:12px}
.order-card.red{border-left-color:#c0392b}.order-card.orange{border-left-color:#d98724}.order-card.green{border-left-color:#2e8b57}
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at top,#f7d6df,#fff8f5 55%,#fff)}
.login-box{width:min(420px,100%);background:white;border-radius:30px;padding:28px;box-shadow:var(--shadow);text-align:center;border:1px solid rgba(201,154,67,.24)}
.login-box img{width:150px;border-radius:50%;margin-bottom:14px}
@media(max-width:950px){
  .layout{grid-template-columns:1fr}
  .sidebar{position:relative;height:auto}
  .menu{grid-template-columns:repeat(2,1fr)}
  .cards{grid-template-columns:1fr 1fr}
  .kanban{grid-template-columns:1fr}
}
@media(max-width:560px){
  .cards,.form-grid{grid-template-columns:1fr}
  .main{padding:16px}
}