:root {
    --accent1: #ff5a1f;
    --accent2: #ff7849;
    --bg: #f6f2ff;
    --card: #fff;
  }
  *{box-sizing:border-box}
  body{margin:0;font-family:Inter, Poppins, sans-serif;background:var(--bg);color:#222}
  .wrap{display:flex;min-height:100vh}
  .sidebar{width:220px;background:linear-gradient(180deg,var(--accent1),var(--accent2));color:#fff;padding:28px}
  .brand{font-weight:700;font-size:22px;margin-bottom:20px}
  .sidebar nav{display:flex;flex-direction:column;gap:8px}
  .nav-btn{background:transparent;border:0;color:rgba(255,255,255,0.95);padding:10px 12px;border-radius:8px;text-align:left;cursor:pointer}
  .nav-btn.active{background:rgba(255,255,255,0.12)}
  .nav-logout{margin-top:18px;background:#fff;color:var(--accent1);font-weight:700;border-radius:8px;padding:10px;border:0;cursor:pointer}
  
  .main{flex:1;padding:20px}
  .topbar{display:flex;justify-content:space-between;align-items:center}
  .topbar h2{margin:0}
  .mini-cart{background:#fff;padding:8px 12px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
  .section{display:none;margin-top:18px}
  .section.active{display:block}
  .cards{display:flex;gap:16px;margin-bottom:20px}
  .card{flex:1;background:var(--card);padding:18px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.06)}
  .orders-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,0.06)}
  .orders-table thead{background:#faf6ff}
  .orders-table th, .orders-table td{padding:12px;text-align:left;border-bottom:1px solid #f0edf5}
  .profile-form, .address-form{background:#fff;padding:16px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.04);display:flex;flex-direction:column;gap:10px;max-width:600px}
  .profile-form input, .address-form input{padding:10px;border-radius:8px;border:1px solid #eee}
  .profile-actions{display:flex;gap:10px}
  .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px}
  .grid-item{background:#fff;padding:12px;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,0.04)}
  button{cursor:pointer}