*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#020617;color:#e5e7eb}.topbar{height:70px;background:#0f172a;border-bottom:1px solid #1e293b;display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:sticky;top:0;z-index:10}.brand{font-size:24px;font-weight:700;color:#38bdf8}.nav a{color:#e5e7eb;text-decoration:none;margin-left:16px}.nav a:hover{color:#38bdf8}.container{max-width:1100px;margin:30px auto;padding:0 15px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card{background:linear-gradient(135deg,#0f172a,#111827);border:1px solid #1e293b;border-radius:18px;padding:20px;box-shadow:0 10px 25px rgba(0,0,0,.25)}.card h3{margin-top:0;color:#fff}.price{font-size:22px;color:#22c55e;font-weight:bold}.btn{display:inline-block;border:0;background:#2563eb;color:#fff;padding:10px 15px;border-radius:10px;text-decoration:none;cursor:pointer}.btn.red{background:#dc2626}.btn.green{background:#16a34a}.btn.gray{background:#475569}input,textarea,select{width:100%;padding:12px;margin:8px 0 14px;border:1px solid #334155;background:#020617;color:#fff;border-radius:10px}table{width:100%;border-collapse:collapse;background:#0f172a;border-radius:12px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #1e293b;text-align:left}.msg{padding:12px;border-radius:10px;background:#064e3b;color:#dcfce7;margin-bottom:15px}.err{padding:12px;border-radius:10px;background:#7f1d1d;color:#fee2e2;margin-bottom:15px}footer{text-align:center;padding:25px;color:#94a3b8}