@import url("variables.css");
@import url("base.css");
@import url("layout.css");
@import url("components.css");
@import url("forms.css");
@import url("tables.css");
@import url("mobile.css");
@import url("desktop.css");

.login-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 20% 10%,#f3e8ff,transparent 34%),radial-gradient(circle at 90% 85%,#ede9fe,transparent 38%),var(--gina-bg); }
.login-box { width: min(430px,100%); padding: 32px; border: 1px solid rgba(233,227,241,.92); border-radius: 24px; background: rgba(255,255,255,.96); box-shadow: 0 28px 80px rgba(55,30,80,.16); }
.login-brand { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }
.login-brand img { width: 60px; height: 60px; border-radius: 18px; box-shadow: 0 12px 28px rgba(124,58,237,.22); }
.login-brand h1 { margin: 0; }
.login-brand p { margin: 4px 0 0; }
tr[hidden] { display: none!important; }