:root{
  --bg:#0b1a2b; --surface:#0f2236; --card:#10243a; --text:#e8f1ff;
  --muted:#a9c1da; --accent:#1e90ff; --line:#1b3b5f; --danger:#ff4d4f;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
  font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:#cfe6ff;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:16px}

/* Header */
.header{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--line)}
.header .nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.3px}
.brand-badge{width:36px;height:36px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:10px;font-weight:800}
.nav-links{display:flex;gap:10px;flex-wrap:wrap}
.nav-links a{padding:8px 10px;border-radius:10px;background:#0d2135;border:1px solid var(--line);color:#cfe6ff}
.nav-links a.active{background:var(--accent);color:#fff;border-color:transparent}
.search{display:flex;gap:8px;margin-left:auto}
.search input{background:#0b1a2b;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:220px}
.search button{border:1px solid var(--line);background:#10304f;color:var(--text);border-radius:10px;padding:8px 12px;cursor:pointer}
.auth{display:flex;gap:10px}
.auth a{padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#10304f;color:var(--text)}
.auth a.admin-link{background:var(--accent);border-color:transparent;color:#fff}

/* Cards, buttons, inputs */
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid var(--line);
  background:#10304f;color:var(--text);cursor:pointer;text-decoration:none}
.btn.primary{background:var(--accent);border-color:transparent;color:#fff}
.btn.danger{background:#8e1a1f;border-color:#aa2a30}
.link{color:#9bc9ff;text-decoration:underline}
.right{margin-left:auto}
label{display:block;margin:6px 0 4px;color:var(--muted);font-size:.95rem}
input[type=text],input[type=email],input[type=password],input[type=number]{
  width:100%;background:#0b1a2b;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px}
.alert{background:#10304f;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:10px;margin:12px 0}
.alert.error{background:#3d1a1a;border-color:#6b2a2a;border-left-color:#ff4d4f;color:#ffdede}

/* Footer */
footer,.site-footer{color:var(--muted);border-top:1px solid var(--line);background:var(--surface);margin-top:24px}
footer .container,.site-footer .container{padding-top:16px;padding-bottom:16px}
h1,h2,h3{margin:12px 0 16px;line-height:1.2}

@media (max-width:720px){
  .search{order:3;width:100%;margin-left:0}
  .search input{flex:1;min-width:0}
  .auth{margin-left:auto}
}