:root{--bg:#061426;--bg2:#0b1f38;--card:rgba(255,255,255,.08);--line:rgba(255,255,255,.14);--text:#eef7ff;--muted:#9bb3c9;--blue:#2f7bff;--green:#22c55e;--purple:#7c3aed;--orange:#f59e0b;--red:#ef4444;--shadow:0 22px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,#17426d 0,#071525 34%,#04101e 100%);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.nav{position:sticky;top:0;z-index:9;backdrop-filter:blur(18px);background:rgba(5,16,31,.82);border-bottom:1px solid var(--line)}.navin{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;gap:12px;align-items:center;font-weight:900}.logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--green),var(--blue),var(--purple));display:grid;place-items:center;box-shadow:0 0 30px rgba(47,123,255,.35)}.brand small{display:block;color:#8df76e;letter-spacing:.08em}.menu{display:flex;gap:8px;align-items:center}.menu a,.btn{padding:11px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.06);transition:.25s;font-weight:700}.menu a:hover,.btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--purple),var(--blue));box-shadow:0 12px 30px rgba(47,123,255,.25)}.hero{padding:54px 0}.hero-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,rgba(21,73,123,.75),rgba(5,17,31,.9)),url('https://images.unsplash.com/photo-1506744038136-46273834b3fb?q=80&w=1500&auto=format&fit=crop');background-size:cover;background-position:center;box-shadow:var(--shadow);padding:54px}.hero-card:before{content:"";position:absolute;inset:-120px;background:radial-gradient(circle,rgba(124,58,237,.35),transparent 30%);animation:float 9s linear infinite}.hero h1{position:relative;font-size:clamp(38px,6vw,72px);line-height:.96;margin:12px 0;font-weight:1000}.hero p{position:relative;max-width:650px;color:#d5e7f7;font-size:18px}.actions{position:relative;display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.btn.primary{background:linear-gradient(135deg,var(--purple),var(--blue));border:0}.section-title{text-align:center;margin:8px 0 26px}.section-title h2{font-size:32px;margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));padding:26px;min-height:158px;box-shadow:0 16px 45px rgba(0,0,0,.16);transition:.3s;animation:up .65s ease both}.feature:after{content:"";position:absolute;inset:auto -40px -40px auto;width:120px;height:120px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%)}.feature:hover{transform:translateY(-8px) scale(1.01);border-color:rgba(124,58,237,.55);box-shadow:0 28px 70px rgba(47,123,255,.2)}.ico{font-size:38px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))}.feature h3{margin:13px 0 7px}.feature p{color:#b9cad8;margin:0}.panel{border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.07);padding:22px;box-shadow:var(--shadow)}.cards{display:grid;grid-template-columns:2fr 1fr;gap:20px}.list{display:grid;gap:10px}.item{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}.footer{margin-top:50px;padding:26px;background:rgba(0,0,0,.25);border-top:1px solid var(--line);text-align:center;color:#a9bfd3}.layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:22px;background:rgba(3,12,25,.92);border-right:1px solid var(--line)}.side .brand{margin-bottom:25px}.side a{display:flex;gap:12px;align-items:center;margin:8px 0;padding:13px 14px;border-radius:15px;color:#c9d8e7}.side a.active,.side a:hover{background:linear-gradient(135deg,var(--green),var(--blue));color:white}.main{padding:24px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dashgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:22px;border-radius:22px;background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(47,123,255,.14));border:1px solid var(--line)}.form{max-width:650px}.input,select,textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(148,163,184,.32);background:rgba(255,255,255,.08);color:var(--text);outline:0}option{color:#111}.field{margin-bottom:14px}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table td,.table th{padding:13px 14px;background:rgba(255,255,255,.07)}.table th{text-align:left;color:#bcd0e1}.table tr td:first-child,.table tr th:first-child{border-radius:14px 0 0 14px}.table tr td:last-child,.table tr th:last-child{border-radius:0 14px 14px 0}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(460px,94vw);padding:34px;border-radius:28px;border:1px solid var(--line);background:rgba(255,255,255,.08);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.alert{padding:13px;border-radius:14px;background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.35);color:#fecaca;margin-bottom:15px}.ok{background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.35);color:#bbf7d0}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.gallery img{width:100%;height:150px;object-fit:cover;border-radius:18px;border:1px solid var(--line)}.mobile-toggle{display:none}@keyframes float{to{transform:rotate(360deg)}}@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media(max-width:900px){.menu{display:none}.grid,.dashgrid{grid-template-columns:repeat(2,1fr)}.cards,.layout{grid-template-columns:1fr}.side{position:relative;height:auto}.hero-card{padding:30px}.main{padding:16px}}@media(max-width:560px){.grid,.dashgrid{grid-template-columns:1fr}.hero h1{font-size:38px}.navin{gap:10px}.brand strong{font-size:14px}}