:root{--bg:#0b1020;--card:#131b31;--card2:#17213d;--text:#f5f7fb;--muted:#9facbe;--line:#253253;--accent:#6ce5b1;--accent2:#6da8ff;--danger:#ff7272;--shadow:0 18px 45px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#09101f,#0e1730 55%,#0a1121);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 28px));margin:auto}.top{position:sticky;top:0;z-index:50;background:rgba(9,15,29,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:18px;min-height:70px}.logo{font-size:27px;font-weight:900;letter-spacing:-1px}.logo span{color:var(--accent)}.navlinks{display:flex;gap:8px;flex:1;flex-wrap:wrap}.navlinks a,.pill{padding:9px 12px;border-radius:12px;color:var(--muted)}.navlinks a:hover,.pill:hover{background:var(--card2);color:#fff}.actions{display:flex;gap:9px}.btn{border:0;border-radius:12px;padding:11px 15px;font-weight:750;cursor:pointer;background:var(--accent);color:#07130e;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.alt{background:var(--card2);color:#fff;border:1px solid var(--line)}.btn.blue{background:var(--accent2);color:#08111e}.btn.danger{background:var(--danger);color:#220606}.hero{padding:60px 0 34px}.hero h1{font-size:clamp(38px,7vw,72px);line-height:.98;margin:0 0 18px;letter-spacing:-3px}.hero p{font-size:19px;color:var(--muted);max-width:720px}.searchbar{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin-top:28px}.input,.select,textarea{width:100%;background:#0b1326;color:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 13px;outline:none}.input:focus,.select:focus,textarea:focus{border-color:var(--accent2)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(180deg,var(--card),#10182d);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.card .pad{padding:17px}.thumb{aspect-ratio:4/3;background:#0a1120;display:flex;align-items:center;justify-content:center;color:#64708b;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.price{font-size:22px;font-weight:850}.muted{color:var(--muted)}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#233456;color:#cfe0ff;font-size:12px;font-weight:800}.section{padding:26px 0}.section h2{font-size:27px;margin:0 0 15px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{padding:18px;border:1px solid var(--line);background:var(--card);border-radius:16px}.kpi b{display:block;font-size:28px}.formbox{max-width:760px;margin:34px auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px;font-weight:750}.flash{margin:18px auto;padding:12px 15px;border-radius:12px;background:#12362c;border:1px solid #2b6b58}.flash.err{background:#3d1b20;border-color:#79343e}.detail{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}.list{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px;background:#0d1529;border:1px solid var(--line);border-radius:13px}.footer{margin-top:50px;border-top:1px solid var(--line);background:#080d18;padding:28px 0;color:var(--muted)}.footer .wrap{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap}.ad{padding:16px;border:1px dashed #385078;border-radius:14px;text-align:center;color:#8ca2c7}.adminnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:15px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.grid3,.kpis{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.searchbar{grid-template-columns:1fr}.nav{align-items:flex-start;padding:12px 0;flex-wrap:wrap}.navlinks{order:3;width:100%}}
@media(max-width:560px){.grid,.grid3,.kpis,.formrow{grid-template-columns:1fr}.actions .alt{display:none}.hero{padding-top:38px}.hero h1{letter-spacing:-2px}}