:root{--b:#1553ff;--c:#00e0ff}html,body{height:100%}body{min-height:100vh;background:radial-gradient(900px 400px at 10% 10%,rgba(0,224,255,.35),transparent 60%),radial-gradient(900px 400px at 90% 20%,rgba(21,83,255,.35),transparent 60%),linear-gradient(135deg,#0d1a3f,#0f2e7c 40%,#1553ff);color:#06152f}
.container-wide{max-width:1100px;margin:0 auto;padding:0 14px}
.card{border-radius:20px;background:#fff;box-shadow:0 20px 48px rgba(0,0,0,.18);border:0}
.card>.card-body{padding:16px}
.section-card{margin:24px auto;max-width:1050px}
.table-responsive{overflow-x:auto}.table{margin-bottom:0}.table th,.table td{vertical-align:middle}
.form-control,.form-select,.btn{border-radius:14px}
.btn-primary{background:linear-gradient(135deg,var(--b),var(--c));border:none}
.ribbon{position:sticky;top:0;z-index:1030}.rbar{display:flex;gap:10px;align-items:center;padding:10px 0}
.brand{display:flex;gap:8px;align-items:center;color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}
.brand img{height:28px;border-radius:8px}
.pills{display:flex;gap:8px;margin:0;padding:0;list-style:none;flex-wrap:nowrap;overflow:hidden}
.pills a{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;font-weight:600;border:1px solid rgba(255,255,255,.2)}
.pills a:hover{background:rgba(255,255,255,.22)}
.userbox{margin-left:auto;color:#fff;display:flex;gap:8px;white-space:nowrap}
.login-hero{color:#fff;border-radius:16px;text-align:center;padding:18px}
.logo-preview{max-height:64px;border-radius:10px}
.center{text-align:center}