*{box-sizing:border-box}body{margin:0;background:#f6f7fb;color:#202533;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.top{background:#fff;border-bottom:1px solid #e7e9ef;display:flex;justify-content:space-between;align-items:center;padding:14px max(18px,calc((100% - 1120px)/2));gap:18px;flex-wrap:wrap}.brand{font-size:1.25rem;font-weight:800;color:#172554;text-decoration:none}.top nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.top nav a{color:#27344b;text-decoration:none;font-weight:600}.container{max-width:1120px;margin:28px auto;padding:0 18px;min-height:70vh}.hero{padding:34px;border-radius:22px;background:linear-gradient(120deg,#172554,#2563eb);color:#fff;margin-bottom:26px}.hero h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin:0 0 10px}.hero p{max-width:650px;color:#e3eaff}.search{display:flex;gap:8px;margin:18px 0}.search input{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card,.panel{background:#fff;border:1px solid #e7e9ef;border-radius:16px;overflow:hidden;box-shadow:0 5px 18px #18213a08}.card img{width:100%;height:190px;object-fit:cover;background:#eef1f6}.cardbody{padding:16px}.card h3{margin:0 0 8px}.price{font-size:1.15rem;font-weight:800;color:#1d4ed8}.muted{color:#6b7280;font-size:.9rem}.panel{padding:20px;margin:16px 0}.btn,button{display:inline-block;border:0;border-radius:10px;background:#1d4ed8;color:#fff;padding:10px 15px;font-weight:700;text-decoration:none;cursor:pointer;font-size:.96rem}.btn.secondary,button.secondary{background:#e8edff;color:#1e3a8a}.btn.danger,button.danger{background:#b91c1c}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #d3d8e3;border-radius:9px;background:#fff;font:inherit;margin:5px 0 12px}label{font-weight:650;display:block}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:11px;border-bottom:1px solid #e7e9ef;vertical-align:top}th{background:#f0f3fa}.tablewrap{overflow-x:auto}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.notice{padding:12px 15px;border-radius:10px;background:#e8f7ed;color:#166534;margin:12px 0}.error{background:#fff0f0;color:#991b1b}.pill{display:inline-block;border-radius:30px;padding:4px 9px;background:#eef2ff;color:#3730a3;font-size:.82rem}footer{text-align:center;color:#687083;padding:24px;border-top:1px solid #e7e9ef;background:#fff;font-size:.9rem}.right{text-align:right}hr{border:0;border-top:1px solid #e5e7eb;margin:20px 0}@media(max-width:600px){.top{align-items:flex-start}.top nav{gap:10px}.hero{padding:24px}.container{margin-top:18px}th,td{padding:8px;font-size:.9rem}}