:root{--p:#c8b6ff;--f:#ffafcc;--b:#a2d2ff;--g:#b9fbc0;--gr:#f3f4f6;--ink:#302d3a}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:linear-gradient(135deg,var(--p),var(--f),var(--b),var(--g),var(--gr));min-height:100vh}
.container{width:min(1120px,92%);margin:auto}.section{padding:28px 0 60px}.card{background:#ffffffed;border-radius:22px;padding:24px;box-shadow:0 18px 48px #4f3b6a24}.topbar{background:#ffffffdc;padding:16px 0;position:sticky;top:0}.topbar-inner{display:flex;justify-content:space-between;gap:16px;align-items:center}.brand{font-weight:900}.nav a,.btn,button{display:inline-block;border:0;border-radius:14px;padding:11px 15px;background:linear-gradient(90deg,var(--p),var(--f),var(--b));font-weight:800;color:#2d2440;text-decoration:none;cursor:pointer;margin:3px}
input,select,textarea{width:100%;padding:12px;border:1px solid #d9dde5;border-radius:12px;margin:6px 0 13px;background:#fff}label{font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat strong{display:block;font-size:2rem;margin-top:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid #e8e9ee;vertical-align:top}.badge{padding:6px 10px;border-radius:999px;background:var(--gr)}.alert{padding:13px;border-radius:13px;background:#dcfce7;margin-bottom:15px}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login .card{width:min(560px,100%)}
.hero{padding:70px 0;background:#ffffffcc}.hero h1{font-size:clamp(2rem,6vw,4rem)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:800px){.grid,.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid,.products{grid-template-columns:1fr}.topbar-inner{align-items:flex-start;flex-direction:column}}