*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9fafc}.main{min-height:100dvh;display:flex}.side-bar{color:#fff;background-color:#111827;flex-direction:column;flex:0 0 250px;min-height:100dvh;padding:24px 16px;display:flex}.content{flex:1;min-width:0;padding:20px}@media (width<=768px){.main{flex-direction:column}.side-bar{flex:none;width:100%;min-height:auto;padding:16px 20px}.content{padding:16px}}@media (width<=480px){.content{padding:12px}}.header{background:#fff;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px;font-family:Inter,sans-serif;display:flex}.title{flex-direction:column;gap:5px;display:flex}.header-title{color:#111827;font-size:32px;font-weight:700;line-height:1.2}.header-description{color:#64748b;font-size:16px;font-weight:400}.icons{flex-direction:column;flex-shrink:0;gap:15px;padding-bottom:10px;display:flex}.top-icons{color:#475569;cursor:pointer;gap:50px;display:flex}.new-product-button{color:#fff;cursor:pointer;background-color:#6d28d9;border:none;border-radius:8px;align-items:center;gap:10px;padding:14px 24px;font-size:16px;font-weight:600;display:flex;box-shadow:0 4px 12px #6d28d940}.new-product-button:hover{background-color:#5b21b6}@media (width<=768px){.header{flex-direction:column;gap:20px;padding:16px}.icons{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%;padding-bottom:0}.top-icons{gap:24px}}@media (width<=480px){.header{padding:12px}.header-title{font-size:1.75rem}.header-description{font-size:.9375rem;line-height:1.5}.icons{flex-direction:column;align-items:stretch}.top-icons{justify-content:flex-end}.new-product-button{justify-content:center;width:100%;padding:12px 16px}}.logo{align-items:center;gap:10px;margin-bottom:40px;font-size:1.5rem;font-weight:700;display:flex}.nav{flex-direction:column;gap:8px;display:flex}.nav a{color:#d1d5db;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.nav a:hover{color:#fff;background-color:#1f2937}.nav a.active{color:#fff;background-color:#2563eb}@media (width<=768px){.logo{justify-content:center;margin-bottom:16px}.nav{flex-flow:wrap}.nav a{flex:150px;justify-content:center}}@media (width<=480px){.logo{font-size:1.25rem}.nav a{padding:10px 12px}}