/* v24 Supplements + Status + login/security polish */
:root{--supp-blue:#1b7cff;--supp-cyan:#15dfff;--supp-purple:#8a3dff;--supp-bg:#050815;--supp-panel:rgba(9,17,40,.78);--supp-line:rgba(74,144,255,.24)}
.auth-body .auth-card.compact-auth-card{max-width:520px;padding:28px;border-radius:28px;box-shadow:0 28px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08)}
.compact-auth-card .auth-switch{padding:5px;border-radius:16px}.compact-auth-card .auth-switch button{padding:10px 14px;border-radius:13px}.compact-primary{min-height:44px!important;padding:12px 18px!important;border-radius:14px!important}.auth-form input{min-height:43px}.auth-form label{margin-top:10px}.transition-strip{display:none!important}
.supplement-auth-body{background:radial-gradient(circle at 12% 12%, rgba(21,223,255,.18), transparent 34%),radial-gradient(circle at 88% 12%, rgba(138,61,255,.2), transparent 34%),#030713}.supplement-auth-shell .auth-bg{filter:saturate(1.15) contrast(1.08);opacity:.74}.supplement-auth-copy h1 span,.supplement-auth-body .eyebrow{color:#65e5ff}.supplement-auth-body .brand-mark,.supplement-body .brand-mark{background:linear-gradient(135deg,var(--supp-cyan),var(--supp-purple))}.supplement-topbar{border-color:rgba(21,223,255,.18)}
.supplement-shell{position:relative}.supplement-body{background:radial-gradient(circle at 16% 5%, rgba(0,145,255,.22), transparent 32%),radial-gradient(circle at 92% 8%, rgba(138,61,255,.24), transparent 34%),linear-gradient(180deg,#030713,#060717 42%,#040611)}.supplement-hero{min-height:430px;background-size:cover;background-position:center;border-color:rgba(21,223,255,.2);display:grid;grid-template-columns:1.6fr .72fr;align-items:end;gap:24px;padding:52px;border-radius:34px;overflow:hidden;box-shadow:0 35px 120px rgba(0,0,0,.45),0 0 0 1px rgba(21,223,255,.08)}.supplement-hero h1{max-width:820px;font-size:clamp(2.6rem,5vw,5.8rem);line-height:.92;margin:12px 0}.supplement-hero p{max-width:680px;color:#c9d5ee;font-size:1.05rem;line-height:1.7}.supplement-hero-card{padding:28px;border-radius:26px;text-align:center;background:rgba(5,12,31,.65);border:1px solid rgba(21,223,255,.22)}.supplement-hero-card b{font-size:4.2rem;display:block}.supplement-hero-card span{font-weight:800;display:block}.supplement-quick{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0;padding:24px 28px;border-radius:26px}.supplement-category-strip{display:flex;gap:10px;flex-wrap:wrap}.supplement-category-strip span{padding:9px 13px;border-radius:999px;background:rgba(21,223,255,.10);border:1px solid rgba(21,223,255,.18);font-weight:800;color:#c8f6ff}.supplement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.supplement-card{position:relative;overflow:hidden;min-height:430px;padding:28px;border-radius:30px;background:linear-gradient(180deg,rgba(12,24,54,.86),rgba(5,10,25,.90));border:1px solid rgba(59,139,255,.22);box-shadow:0 26px 80px rgba(0,0,0,.36)}.supplement-card-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 8%,rgba(21,223,255,.20),transparent 36%),radial-gradient(circle at 88% 12%,rgba(138,61,255,.22),transparent 34%);opacity:.7;pointer-events:none}.supplement-card>*:not(.supplement-card-bg){position:relative}.supplement-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.supplement-card-top span,.supplement-card-top b{padding:7px 11px;border-radius:999px;background:rgba(21,223,255,.12);border:1px solid rgba(21,223,255,.2);font-size:.78rem;text-transform:uppercase}.supplement-card[data-status="caution"] .supplement-card-top b{background:rgba(255,177,66,.13);border-color:rgba(255,177,66,.25);color:#ffd68b}.supplement-card h2{font-size:2.1rem;line-height:1;margin-bottom:8px}.supplement-card small{color:#9fb0d1;font-weight:700}.supplement-card p{color:#d7def0;line-height:1.62;margin:22px 0}.supplement-meta-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}.supplement-meta-grid div,.supplement-note,.supplement-warning{padding:13px 14px;border-radius:16px;background:rgba(3,8,22,.52);border:1px solid rgba(255,255,255,.07)}.supplement-meta-grid b,.supplement-note b,.supplement-warning b{display:block;margin-bottom:4px;color:#fff}.supplement-warning{border-color:rgba(255,198,78,.2);background:rgba(255,198,78,.06)}
.status-v24-body{background:radial-gradient(circle at 15% 0%,rgba(53,130,255,.18),transparent 36%),radial-gradient(circle at 90% 8%,rgba(142,79,255,.20),transparent 36%),#050815}.status-v24-shell{max-width:1500px}.status-v24-hero{min-height:410px;padding:48px;border-radius:34px;background-size:cover;background-position:center;display:grid;grid-template-columns:1.5fr .55fr;gap:24px;align-items:end;box-shadow:0 35px 110px rgba(0,0,0,.42)}.status-v24-copy h1{font-size:clamp(2.4rem,5vw,5.4rem);line-height:.95;margin:12px 0}.status-v24-copy p{font-size:1.08rem;line-height:1.7;max-width:740px;color:#c9d5ee}.status-v24-summary{padding:26px;border-radius:28px;text-align:center}.status-ring{width:170px;height:170px;margin:auto;display:grid;place-content:center;border-radius:50%;background:radial-gradient(circle,rgba(21,223,255,.16),rgba(82,70,255,.08));border:1px solid rgba(21,223,255,.26);box-shadow:0 0 60px rgba(21,223,255,.13)}.status-ring b{font-size:2.6rem}.status-ring span{color:#9fb0d1;text-transform:uppercase;font-weight:800}.status-v24-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.status-v24-metrics article{padding:20px;border-radius:22px}.status-v24-metrics b{display:block;font-size:1.55rem;margin:6px 0}.status-v24-board{padding:28px;border-radius:30px;background:rgba(8,15,35,.46);border:1px solid rgba(255,255,255,.07)}.status-v24-board-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.status-v24-board-head p{max-width:600px;color:#9fb0d1}.status-v24-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.status-v24-card{position:relative;overflow:hidden;padding:24px;border-radius:26px;min-height:250px;transform:translateY(26px);opacity:0;transition:opacity .55s ease,transform .65s cubic-bezier(.18,.8,.2,1),box-shadow .25s ease}.status-v24-card.v15-visible,.status-v24-card.v19-visible,.status-v24-card.v21-in{opacity:1;transform:translateY(0)}.status-v24-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 0%,rgba(24,220,255,.12),transparent 40%);opacity:.85}.status-v24-card>*{position:relative}.status-v24-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.status-v24-card-top em{font-style:normal;padding:7px 10px;border-radius:999px;background:rgba(52,211,153,.12);color:#a8f7cf;border:1px solid rgba(52,211,153,.22);font-weight:800}.status-v24-card h3{font-size:1.38rem;margin-bottom:10px}.status-v24-card p{color:#c8d1e4;line-height:1.55;min-height:74px}.status-v24-meter{height:8px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;margin:18px 0}.status-v24-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#12e5ff,#3d82ff,#8a3dff)}.status-v24-card-meta{display:flex;justify-content:space-between;color:#9fb0d1;font-size:.88rem;margin-bottom:12px}.status-v24-card small{color:#aebadb}.status-v24-incidents{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:26px;border-radius:26px}.status-v24-incidents p{max-width:650px;color:#aebadb;line-height:1.6}
.supplement-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.supplement-preset-btn{text-align:left;padding:13px 14px;border-radius:16px;border:1px solid rgba(21,223,255,.18);background:rgba(21,223,255,.07);color:#fff;cursor:pointer}.supplement-preset-btn:hover{border-color:rgba(21,223,255,.45);transform:translateY(-1px)}.supplement-preset-btn b{display:block}.supplement-preset-btn span{color:#9fb0d1;font-size:.8rem}.supplement-admin-grid{grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr)!important}
@media (max-width:1100px){.supplement-hero,.status-v24-hero{grid-template-columns:1fr}.supplement-grid,.status-v24-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-v24-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.supplement-admin-grid{grid-template-columns:1fr!important}}
@media (max-width:720px){.auth-topbar{left:14px;right:14px}.auth-grid{padding:92px 14px 24px}.auth-copy{display:none}.auth-card.compact-auth-card{padding:20px;border-radius:22px}.auth-switch button{font-size:.9rem}.supplement-hero,.status-v24-hero{padding:28px 20px;min-height:360px;border-radius:24px}.supplement-hero h1,.status-v24-copy h1{font-size:2.55rem}.supplement-grid,.status-v24-grid,.status-v24-metrics,.supplement-preset-grid{grid-template-columns:1fr}.supplement-quick,.status-v24-board-head,.status-v24-incidents{flex-direction:column;align-items:flex-start}.supplement-card{min-height:auto}.status-ring{width:138px;height:138px}.status-v24-shell,.supplement-shell{padding-left:12px!important;padding-right:12px!important}}