:root{
  --bg:#07111f;
  --card:#0f1d37;
  --line:rgba(255,255,255,.08);
  --text:#f4f7ff;
  --muted:#aebbd4;
  --primary:#4f8cff;
  --primary2:#7aa5ff;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:linear-gradient(180deg,#07111f 0%,#0a1325 100%);
  color:var(--text);
}
a{color:inherit;text-decoration:none}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:32px}
.auth-shell{width:min(560px,100%)}
.auth-card,.card,.sidebar,.doc-section,.doc-head{
  background:linear-gradient(180deg,rgba(15,29,55,.96),rgba(10,20,39,.96));
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:0 14px 40px rgba(0,0,0,.22);
}
.auth-card{padding:28px}
.form-block{margin-top:20px;padding-top:8px}
label{display:block;margin:14px 0 8px;font-weight:bold}
input,select{
  width:100%;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:var(--text);
}
button,.btn{
  display:inline-block;
  padding:12px 16px;
  border-radius:12px;
  border:none;
  cursor:pointer;
  font-weight:bold;
}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}
.btn-outline{background:transparent;border:1px solid rgba(122,165,255,.45);color:var(--text)}
.alert{padding:12px 14px;border-radius:12px;margin:10px 0 14px}
.alert-error{background:rgba(255,88,88,.12);border:1px solid rgba(255,88,88,.3)}
.alert-success{background:rgba(80,200,120,.12);border:1px solid rgba(80,200,120,.3)}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#9dd6ff;font-weight:bold}
h1,h2{margin:0 0 12px}
.muted{color:var(--muted)}
.small{font-size:13px}
.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.sidebar{margin:18px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}
.side-links{display:grid;gap:12px}
.side-links a{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.03)}
.content{padding:24px}
.page-head{margin-bottom:18px}
.card{padding:22px;margin-bottom:18px}
.inline-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px}
.system-list{display:grid;gap:12px}
.system-item{display:block;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}
.form-grid{display:grid;gap:8px}
.document-shell{width:min(920px, calc(100% - 40px));margin:32px auto}
.doc-head,.doc-section{padding:24px;margin-bottom:16px}
.answer-list{margin:0;padding-left:18px}
@media (max-width: 900px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{margin:18px 18px 0 18px}
  .inline-form{grid-template-columns:1fr}
}