:root{color-scheme:dark;--color-bg: #030605;--color-bg-soft: #050807;--color-card: rgba(15, 20, 18, .82);--color-card-muted: rgba(12, 18, 15, .72);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(34, 197, 94, .35);--color-primary: #52ff00;--color-primary-soft: #44f000;--color-secondary: #22c55e;--color-secondary-dark: #15803d;--color-text: #f8fafc;--color-text-muted: #a1a1aa;--color-text-subtle: #94a3b8;--color-error: #ef4444;--shadow-card: 0 30px 90px rgba(0, 0, 0, .45);--radius-lg: 26px;--radius-md: 18px;--radius-sm: 12px;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--color-bg)}body{min-width:320px;min-height:100vh;margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);text-rendering:geometricPrecision}button,input{font:inherit}button,a{color:inherit}#root,.auth-shell{min-height:100vh}.login-page{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 14% 58%,rgba(82,255,0,.12),transparent 28%),radial-gradient(circle at 82% 22%,rgba(34,197,94,.12),transparent 30%),linear-gradient(140deg,#040706,#070a08 48%,#020302)}.login-page:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";opacity:.27;pointer-events:none;background-image:radial-gradient(rgba(82,255,0,.5) 1px,transparent 1px);background-position:49% 48%;background-size:22px 22px;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 24%,transparent 46%);mask-image:radial-gradient(circle at 50% 50%,#000 0 24%,transparent 46%)}.login-page:after{position:absolute;right:-16vw;bottom:12vh;width:60vw;height:35vw;min-width:620px;min-height:360px;content:"";border:1px solid rgba(82,255,0,.35);border-radius:50%;opacity:.45;transform:rotate(-18deg);pointer-events:none;box-shadow:inset 0 0 60px #52ff0014}.ambient{position:absolute;width:26rem;height:26rem;border-radius:999px;background:#52ff001f;filter:blur(96px);pointer-events:none}.ambient--one{top:8%;left:-9rem}.ambient--two{right:2%;bottom:-10rem}.login-page__content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:clamp(2rem,5vw,5rem);width:min(1580px,100%);min-height:100vh;margin:0 auto;padding:clamp(2rem,4vw,4.6rem) clamp(1.25rem,4.5vw,5rem);align-items:center}.brand-panel{display:flex;min-width:0;flex-direction:column;gap:clamp(1rem,1.65vw,1.85rem)}.logo{display:block;width:clamp(148px,12vw,218px);height:auto;max-height:72px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 0 24px rgba(82,255,0,.18))}.logo--compact{width:150px}.brand-panel__intro h1{max-width:840px;margin:0;font-size:clamp(2.85rem,4vw,4.75rem);font-weight:880;line-height:1}.brand-panel__intro h1 span{color:var(--color-primary-soft);text-shadow:0 0 32px rgba(82,255,0,.28)}.brand-panel__intro p{max-width:690px;margin:1.05rem 0 0;color:#f8fafcbd;font-size:clamp(1rem,1.18vw,1.34rem);line-height:1.52}.dashboard-preview{display:grid;gap:.78rem;max-width:815px}.metric-card,.login-card,.module-strip{border:1px solid var(--color-border);background:linear-gradient(145deg,#ffffff0b,#ffffff03),var(--color-card-muted);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.metric-card{min-width:0;min-height:100%;padding:1.05rem;border-radius:var(--radius-md);overflow:hidden}.metric-card--large{min-height:212px;padding:1.18rem 1.18rem .58rem}.metric-card__header h3{margin:0;color:var(--color-text);font-size:1rem;line-height:1.25}.metric-card__value{display:block;margin-top:1rem;font-size:clamp(1.85rem,2.3vw,2.55rem);line-height:.95}.metric-card__body{min-width:0}.overview-card__topline{display:grid;grid-template-columns:minmax(130px,.35fr) minmax(220px,1fr);gap:1rem;align-items:start}.metric-label,.metric-card p,.metric-card small,.module-strip span,.login-card p,.login-card__footer{color:var(--color-text-muted)}.metric-label{display:block;margin:1.15rem 0 .62rem;font-size:.88rem}.overview-card strong:not(.metric-trend){display:block;color:var(--color-text);font-size:clamp(1.92rem,2.45vw,2.45rem);line-height:.92}.metric-trend{display:inline-flex;align-items:center;margin-top:.85rem;color:var(--color-primary);font-weight:800}.metric-trend--down{color:var(--color-primary)}.overview-card small{display:block;margin-top:.22rem;font-size:.93rem}.filter-pill{justify-self:end;display:inline-flex;min-height:36px;align-items:center;gap:.6rem;border:1px solid var(--color-border);border-radius:9px;padding:0 .85rem;background:#080c0a9e;color:#f8fafcd1;cursor:default}.main-chart{min-width:0;margin-top:-4.9rem;padding-left:11.8rem}.main-chart svg{display:block;width:100%;min-height:160px}.main-chart__grid{stroke:#ffffff14;stroke-width:1}.main-chart__area{fill:url(#lineFill);stroke:none}.main-chart__line{fill:none;stroke:var(--color-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.main-chart__label{fill:#f8fafcc7;font-size:16px}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.78rem}.status-line{display:flex;align-items:center;gap:.72rem;margin-top:1.32rem;color:var(--color-primary)}.status-line strong{font-size:clamp(1.3rem,1.75vw,1.72rem)}.metric-card p{min-height:2.8rem;margin:.95rem 0 0;font-size:.92rem;line-height:1.38}.uptime-row{display:grid;grid-template-columns:auto minmax(82px,1fr);gap:.8rem;align-items:end;margin-top:1rem;color:var(--color-text);font-weight:750}.inline-trend{display:inline-flex;margin-left:5.9rem;margin-top:-1.2rem;flex-direction:column;vertical-align:top}.mini-chart{width:100%}.mini-chart--bars{display:flex;height:76px;align-items:end;gap:min(.5rem,3.5%);margin-top:.8rem}.mini-chart--bars span{flex:1;min-width:4px;height:var(--bar-height);border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,var(--color-primary),rgba(21,128,61,.55));box-shadow:0 0 12px #52ff0057}.mini-chart--line{display:block;height:76px;margin-top:1rem}.mini-chart--line polyline{fill:#52ff0014;stroke:var(--color-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.module-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;padding:1.05rem 1.18rem;border-radius:var(--radius-md)}.module-strip__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.78rem;align-items:start}.module-strip__item svg{color:var(--color-primary);filter:drop-shadow(0 0 12px rgba(82,255,0,.36))}.module-strip strong,.module-strip span{display:block}.module-strip strong{margin-bottom:.34rem;font-size:.9rem}.module-strip span{font-size:.82rem;line-height:1.34}.login-card{width:min(100%,650px);justify-self:end;padding:clamp(2rem,4.2vw,4.2rem);border-radius:var(--radius-lg);background:radial-gradient(circle at 0 0,rgba(255,255,255,.06),transparent 32%),#0e1211d6}.login-card__icon{display:flex;width:72px;height:78px;color:var(--color-primary);align-items:center;justify-content:center;margin:0 auto;filter:drop-shadow(0 0 18px rgba(82,255,0,.28))}.security-mark{display:block;width:62px;height:70px;overflow:visible}.security-mark__shield,.security-mark__lock-body,.security-mark__lock-shackle,.security-mark__keyhole{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.security-mark__shield{stroke-width:2.7}.security-mark__lock-body{fill:#52ff0014;stroke-width:2.5}.security-mark__lock-shackle,.security-mark__keyhole{stroke-width:2.4}.login-card__heading{margin-top:1.9rem;text-align:center}.login-card h2{margin:0;font-size:clamp(2.75rem,3.25vw,3.5rem);line-height:1}.login-card p{margin:1rem 0 0;font-size:clamp(1.08rem,1.32vw,1.52rem)}.login-form{display:grid;gap:1.45rem;margin-top:2.55rem}.field{display:grid;gap:.74rem}.field__label{color:var(--color-text);font-size:1.05rem;font-weight:780}.field__control{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:64px;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:0 1.1rem;background:#ffffff0a;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field__control:focus-within{border-color:var(--color-border-strong);background:#52ff0009;box-shadow:0 0 0 4px #52ff0014}.field__icon{color:#f8fafce0}.field__input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--color-text);font-size:1.12rem}.field__input::placeholder{color:#a1a1aacc}.field__icon-button{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:#f8fafcdb;cursor:pointer}.field__icon-button:hover,.field__icon-button:focus-visible{color:var(--color-primary);outline:none;background:#52ff0017}.form-options{display:flex;align-items:center;justify-content:space-between;gap:1rem}.checkbox{display:inline-flex;align-items:center;gap:.72rem;color:var(--color-text-muted);cursor:pointer}.checkbox input{position:absolute;width:1px;height:1px;opacity:0}.checkbox span{position:relative;display:inline-flex;width:24px;height:24px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid rgba(82,255,0,.5);border-radius:6px;background:#52ff001f}.checkbox input:checked+span{background:var(--color-primary);border-color:var(--color-primary)}.checkbox input:checked+span:after{width:10px;height:6px;content:"";border-bottom:2px solid #061006;border-left:2px solid #061006;transform:rotate(-45deg) translate(1px,-1px)}.checkbox input:focus-visible+span{outline:3px solid rgba(82,255,0,.28);outline-offset:3px}.form-options a{color:var(--color-primary);font-weight:650;text-decoration:none}.form-options a:hover,.form-options a:focus-visible{text-decoration:underline}.button{position:relative;display:inline-flex;min-height:76px;align-items:center;justify-content:center;gap:1rem;border:0;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-primary),#3adc00);color:#061006;font-weight:850;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 34px #52ff0042}.button:focus-visible{outline:3px solid rgba(82,255,0,.32);outline-offset:4px}.button:disabled{cursor:not-allowed;opacity:.52}.button__content{display:inline-flex;align-items:center;justify-content:center;gap:1rem;font-size:1.28rem}.button__spinner{width:22px;height:22px;border:3px solid rgba(6,16,6,.25);border-top-color:#061006;border-radius:999px;animation:spin .82s linear infinite}.form-message{margin:-.25rem 0 0;border:1px solid rgba(82,255,0,.18);border-radius:10px;padding:.85rem 1rem;background:#52ff0012;color:#f8fafcdb;font-size:.98rem;line-height:1.38}.login-card__footer{display:flex;align-items:center;gap:.7rem;margin-top:2.65rem;border-top:1px solid rgba(255,255,255,.08);padding-top:1.45rem;font-size:.94rem;line-height:1.35}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1400px){.login-page__content{grid-template-columns:minmax(0,.96fr) minmax(390px,.9fr);gap:2.2rem;padding:1.6rem 3.2rem}.dashboard-preview{max-width:650px;gap:.68rem}.logo{width:168px;max-height:58px}.brand-panel{gap:1rem}.brand-panel__intro h1{max-width:650px;font-size:2.92rem;line-height:1}.brand-panel__intro p{max-width:650px;margin-top:.82rem;font-size:1.14rem;line-height:1.45}.metric-card{padding:.84rem}.metric-card--large{min-height:172px;padding:.9rem .9rem .35rem}.metric-card__header h3{font-size:.94rem}.metric-label{margin:1rem 0 .52rem;font-size:.82rem}.overview-card strong:not(.metric-trend){font-size:2rem}.metric-trend{margin-top:.6rem;font-size:.86rem}.overview-card small{font-size:.78rem}.filter-pill{min-height:32px;padding-inline:.72rem;font-size:.83rem}.main-chart{margin-top:-4.45rem;padding-left:10.6rem}.main-chart svg{min-height:132px}.main-chart__label{font-size:14px}.metrics-grid{gap:.68rem}.status-line{margin-top:1.1rem}.status-line strong{font-size:1.24rem}.metric-card p{min-height:2.35rem;margin-top:.8rem;font-size:.86rem}.metric-card__value{margin-top:.7rem;font-size:1.78rem}.inline-trend{margin-left:4.35rem;font-size:.84rem}.uptime-row{gap:.5rem;margin-top:.6rem;font-size:.85rem}.mini-chart--bars,.mini-chart--line{height:52px;margin-top:.45rem}.module-strip{gap:.68rem;padding:.82rem}.module-strip__item{gap:.55rem}.module-strip__item svg{width:24px;height:24px}.module-strip strong{margin-bottom:.2rem;font-size:.82rem}.module-strip span{font-size:.76rem}.login-card{width:min(100%,500px);padding:1.85rem}.login-card__icon{width:60px;height:66px}.security-mark{width:52px;height:60px}.login-card__heading{margin-top:1.35rem}.login-card h2{font-size:2.7rem}.login-card p{margin-top:.7rem;font-size:1.04rem}.login-form{gap:1rem;margin-top:1.55rem}.field{gap:.52rem}.field__label{font-size:.98rem}.field__control{min-height:54px}.field__input{font-size:1rem}.button{min-height:62px}.button__content{font-size:1.08rem}.login-card__footer{margin-top:1.25rem;padding-top:.86rem;font-size:.82rem}}@media(min-width:1100px)and (max-height:820px){.login-page__content{align-items:center;padding-top:1rem;padding-bottom:1rem}.brand-panel{gap:.72rem}.logo{width:150px;max-height:52px}.brand-panel__intro h1{font-size:2.42rem;line-height:.98}.brand-panel__intro p{max-width:610px;margin-top:.55rem;font-size:.98rem;line-height:1.38}.dashboard-preview{max-width:620px;gap:.54rem}.metric-card{border-radius:14px;padding:.68rem}.metric-card--large{min-height:152px;padding:.72rem .72rem .2rem}.metric-card__header h3{font-size:.86rem}.metric-label{margin-top:.78rem;font-size:.76rem}.overview-card strong:not(.metric-trend){font-size:1.76rem}.metric-trend{margin-top:.44rem;font-size:.78rem}.overview-card small{font-size:.72rem}.main-chart{margin-top:-4rem;padding-left:9.2rem}.main-chart svg{min-height:114px}.main-chart__label{font-size:12px}.metrics-grid{gap:.54rem}.status-line{gap:.5rem;margin-top:.72rem}.status-line svg{width:28px;height:28px}.status-line strong{font-size:1.02rem}.metric-card p{min-height:1.9rem;margin-top:.58rem;font-size:.78rem}.metric-card__value{font-size:1.52rem}.inline-trend{margin-left:3.55rem;margin-top:-1.05rem;font-size:.74rem}.mini-chart--bars,.mini-chart--line{height:40px}.uptime-row{margin-top:.38rem;font-size:.76rem}.module-strip{min-height:62px;border-radius:14px;padding:.62rem}.module-strip__item svg{width:21px;height:21px}.module-strip strong{font-size:.76rem}.module-strip span{font-size:.68rem;line-height:1.25}.login-card{width:min(100%,465px);border-radius:20px;padding:1.65rem}.login-card__icon{width:54px;height:60px}.security-mark{width:48px;height:55px}.login-card__heading{margin-top:1rem}.login-card h2{font-size:2.35rem}.login-card p{font-size:.96rem}.login-form{gap:.82rem;margin-top:1.18rem}.field__control{min-height:48px}.form-options{font-size:.88rem}.button{min-height:54px}.button__content{font-size:.98rem}.login-card__footer{margin-top:1rem;font-size:.75rem}}@media(max-width:1099px){.login-page{overflow-y:auto}.login-page__content{grid-template-columns:1fr;gap:2rem;align-items:start;padding-top:2rem;padding-bottom:2rem}.brand-panel{display:contents}.logo{order:1}.brand-panel__intro{order:2}.login-card{order:3;width:min(100%,680px);justify-self:start}.dashboard-preview{order:4;max-width:100%}.brand-panel__intro h1{max-width:820px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.login-page:before{opacity:.16;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0 16%,transparent 38%);mask-image:radial-gradient(circle at 50% 42%,#000 0 16%,transparent 38%)}.login-page:after{right:-28rem;bottom:28rem}.login-page__content{padding:1.25rem}.logo{width:162px;max-height:56px}.brand-panel__intro h1{font-size:clamp(2.25rem,12vw,3rem)}.brand-panel__intro p{font-size:1rem}.login-card{padding:1.45rem;border-radius:20px}.login-card__heading{margin-top:1.4rem}.login-card h2{font-size:2.45rem}.login-card p{font-size:1rem}.login-form{gap:1rem;margin-top:1.6rem}.field__control{min-height:58px;gap:.75rem;padding:0 .85rem}.field__input{font-size:1rem}.form-options{align-items:flex-start;flex-direction:column}.button{min-height:62px}.button__content{font-size:1.05rem}.overview-card__topline{grid-template-columns:1fr}.filter-pill{justify-self:start;order:-1}.main-chart{margin-top:.85rem;padding-left:0}.main-chart svg{min-height:150px}.metrics-grid,.module-strip{grid-template-columns:1fr}.metric-card p{min-height:auto}.inline-trend{margin-left:0;margin-top:.5rem}}@media(max-width:430px){.login-page__content{padding-inline:1rem}.brand-panel__intro h1{font-size:2.15rem}.logo{width:146px}.module-strip__item{grid-template-columns:32px minmax(0,1fr)}.login-card__footer{align-items:flex-start}}