*{box-sizing:border-box}body{margin:0;font-family:Poppins,Arial,sans-serif;background:#f6f7fb;color:#111827}a{text-decoration:none;color:inherit}.topbar{height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8%;box-shadow:0 2px 18px #0000000d;position:sticky;top:0;z-index:5}.brand{font-size:28px;font-weight:900;color:#252842;display:flex;gap:10px;align-items:center}.btn{border:0;background:#252842;color:#fff;padding:13px 22px;border-radius:8px;font-weight:800;display:inline-block;cursor:pointer}.btn.green{background:#22aa59}.btn.red{background:#dc2626}.btn.blue{background:#2563eb}.btn.ghost{background:#fff;color:#252842;border:1px solid #ddd;margin-right:10px}.wrap{max-width:1180px;margin:auto;padding:38px 20px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:50px 0}.hero h1{font-size:52px;line-height:1.05;margin:0 0 14px;color:#181b35}.hero p{font-size:18px;color:#667085}.hero-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 18px 50px #00000012}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{background:#fff;border:1px solid #e9edf5;border-radius:18px;padding:24px;box-shadow:0 12px 30px #00000008}.metric{font-size:36px;font-weight:900;color:#252842}.muted{color:#6b7280}.app{display:flex;min-height:100vh}.side{width:280px;background:#252842;color:#fff;padding:26px 18px;position:fixed;height:100vh}.sidebrand{font-size:23px;color:#fff;margin-bottom:24px}.userbox{padding:16px;background:#ffffff10;border-radius:14px;margin-bottom:20px}.userbox small{display:block;color:#cbd5e1;margin-top:4px}.side nav{display:flex;flex-direction:column;gap:9px}.side nav a{padding:14px;border-radius:10px;color:#e5e7eb;font-weight:700}.side nav a.on,.side nav a:hover{background:#fff;color:#252842}.main{margin-left:280px;padding:34px;flex:1}.headline{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.headline h1{font-size:32px;margin:0;color:#252842}.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:22px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;gap:16px;padding:21px;font-weight:700;min-height:78px}.tile .ico{width:48px;border-right:1px solid #eee;text-align:center;font-size:21px}.notice{background:#252842;color:#fff;border-radius:8px;padding:18px 24px;font-size:22px;font-weight:800;margin:20px 0}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}.table th,.table td{padding:15px;border-bottom:1px solid #eef2f7;text-align:left}.table th{background:#f8fafc}.form{display:grid;gap:12px}.input,select,textarea{width:100%;padding:13px;border:1px solid #d9dee9;border-radius:10px;font-family:inherit}.store-head{background:linear-gradient(135deg,#252842,#22aa59);color:#fff;padding:56px 20px}.store-head .wrap{padding:0 20px}.product{display:flex;gap:16px}.product img{width:96px;height:96px;object-fit:cover;border-radius:14px;background:#eee}.cartbar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#252842;color:#fff;padding:14px 22px;border-radius:999px;box-shadow:0 10px 30px #0003;font-weight:800}.checkout{display:grid;grid-template-columns:1fr 360px;gap:24px}.badge{padding:7px 12px;border-radius:999px;background:#e0f2fe;color:#075985;font-weight:800;font-size:12px}@media(max-width:900px){.hero,.checkout{grid-template-columns:1fr}.side{position:relative;width:100%;height:auto}.app{display:block}.main{margin:0}.statrow,.menu-grid{grid-template-columns:1fr}.topbar{padding:0 18px}.hero h1{font-size:38px}}