*{box-sizing:border-box}body{margin:0;background:#f3faff;color:#19334a;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(20px,calc((100% - 1180px)/2));background:#dff2ff;border-bottom:1px solid #c5e6fa;flex-wrap:wrap}.brand{font-size:1.25rem;font-weight:800;color:#14527b;text-decoration:none}.top nav{display:flex;gap:14px;flex-wrap:wrap}.top nav a{color:#175477;text-decoration:none;font-weight:650}.wrap{max-width:1180px;margin:28px auto;padding:0 18px;min-height:65vh}.hero{padding:34px;border-radius:22px;background:linear-gradient(120deg,#d8f0ff,#f5fbff);margin-bottom:26px}.hero h1{margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.7rem)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.card,.panel{background:#fff;border:1px solid #dcecf6;border-radius:16px;padding:18px;box-shadow:0 6px 20px #235c7b0b}.product-img{width:100%;height:210px;object-fit:cover;border-radius:12px;background:#eaf6fd}.placeholder{height:210px;border-radius:12px;background:#eaf6fd;display:grid;place-items:center;font-size:3rem}.price{font-size:1.25rem;font-weight:800;color:#0875b5}.muted{color:#6b8292}.btn,button{display:inline-block;border:0;border-radius:10px;background:#1686c7;color:white;padding:11px 16px;font-weight:750;cursor:pointer;text-decoration:none;font:inherit}.btn.secondary{background:#e6f4fc;color:#14527b}.btn.danger{background:#c33d50}.form{display:grid;gap:14px}.form label{display:grid;gap:6px;font-weight:650}.form input,.form textarea,.form select,input,textarea,select{width:100%;padding:11px;border:1px solid #cbdde9;border-radius:9px;font:inherit;background:white;color:#19334a}.form textarea{min-height:100px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.notice{padding:12px 15px;border-radius:10px;margin-bottom:18px;background:#e2f4ff}.notice.error{background:#ffe9e9;color:#8d2020}.notice.success{background:#e3f8eb;color:#17653b}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:11px;border-bottom:1px solid #e0edf5;vertical-align:top}th{background:#eaf6fd}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:18px 0}.stat{background:#fff;padding:18px;border:1px solid #dcecf6;border-radius:14px}.stat strong{display:block;font-size:1.35rem;color:#0875b5}.footer{text-align:center;padding:24px;color:#6b8292}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.admin-nav a{background:#e1f2fc;padding:9px 12px;border-radius:9px;text-decoration:none;color:#14527b;font-weight:650}.inline{display:inline}.small{font-size:.9rem}@media(max-width:600px){.top{align-items:flex-start}.top nav{gap:10px}.hero{padding:22px}.wrap{margin-top:18px}.product-img,.placeholder{height:180px}}