:root{--auth-primary:#2657a4;--auth-primary-strong:#1d457d;--auth-secondary:#359a7e;--auth-accent:#ff8a00;--auth-text:#243747;--auth-muted:#6c7d8d;--auth-surface:#fff;--auth-border:#dce9e5}
html[data-theme="dark"]{--auth-primary:#8eb9ff;--auth-primary-strong:#6c9bef;--auth-secondary:#69d8ba;--auth-accent:#ffb45c;--auth-text:#f5f8fc;--auth-muted:#c4cfdd;--auth-surface:#101827;--auth-border:#35475d}
.simple-auth-body{min-height:100dvh;background:#d9ebe6;color:var(--auth-text)}
.simple-auth-page{position:relative;isolation:isolate;min-height:100dvh;display:grid;place-items:center;padding:42px 18px;overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.9),transparent 28%),radial-gradient(circle at 85% 82%,rgba(53,154,126,.25),transparent 30%),linear-gradient(145deg,#eaf5f1 0%,#d9ebe6 43%,#e8f0fb 100%)}
html[data-theme="dark"] .simple-auth-page{background:radial-gradient(circle at 16% 15%,rgba(49,95,159,.28),transparent 28%),radial-gradient(circle at 85% 80%,rgba(53,154,126,.2),transparent 31%),linear-gradient(145deg,#0b1424,#101827 54%,#132437)}
.simple-auth-page::before,.simple-auth-page::after{content:"";position:absolute;z-index:-2;border-radius:50%;filter:blur(2px)}.simple-auth-page::before{width:420px;height:420px;inset:-180px auto auto -130px;border:70px solid rgba(38,87,164,.08)}.simple-auth-page::after{width:360px;height:360px;inset:auto -130px -170px auto;border:60px solid rgba(53,154,126,.1)}
.auth-background-docs{position:absolute;inset:0;z-index:-1;pointer-events:none}.auth-background-docs span{position:absolute;width:190px;height:270px;border:1px solid rgba(38,87,164,.1);border-radius:18px;background:rgba(255,255,255,.26);box-shadow:0 25px 70px rgba(38,87,164,.08);backdrop-filter:blur(3px)}.auth-background-docs span:nth-child(1){top:9%;left:7%;transform:rotate(-11deg)}.auth-background-docs span:nth-child(2){right:7%;top:17%;transform:rotate(10deg)}.auth-background-docs span:nth-child(3){left:14%;bottom:2%;transform:rotate(7deg)}
html[data-theme="dark"] .auth-background-docs span{border-color:rgba(142,185,255,.1);background:rgba(16,24,39,.28)}
.simple-auth-card{width:min(460px,100%);padding:34px;border:1px solid rgba(255,255,255,.76);border-radius:28px;background:color-mix(in srgb,var(--auth-surface) 94%,transparent);box-shadow:0 30px 90px rgba(25,55,78,.17);backdrop-filter:blur(18px)}
html[data-theme="dark"] .simple-auth-card{border-color:var(--auth-border);box-shadow:0 30px 90px rgba(0,0,0,.36)}
.simple-register-card{width:min(650px,100%)}
.simple-auth-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px;text-decoration:none}.simple-auth-logo img{width:54px;height:54px;object-fit:contain}.simple-auth-logo span{display:flex;flex-direction:column;line-height:1.15}.simple-auth-logo strong{font-family:"Dodger","Vazirmatn",sans-serif;color:var(--auth-primary);font-size:1.45rem}.simple-auth-logo small{margin-top:4px;color:var(--auth-muted);font-size:.68rem;font-weight:800}
.simple-auth-card header{text-align:center;margin-bottom:25px}.simple-auth-card h1{margin:0;color:var(--auth-text);font-size:1.75rem}.simple-auth-card header p{margin:7px 0 0;color:var(--auth-muted);font-size:.86rem}.simple-auth-card form{display:grid;gap:15px}.simple-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.simple-auth-field{display:grid;gap:7px;color:var(--auth-text);font-size:.8rem;font-weight:850}.simple-auth-field>div{min-height:50px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--auth-border);border-radius:14px;background:var(--auth-surface);transition:.2s ease}.simple-auth-field>div:focus-within{border-color:var(--auth-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--auth-primary) 14%,transparent)}.simple-auth-field>div>i{width:18px;color:var(--auth-primary);text-align:center}.simple-auth-field input{min-width:0;flex:1;border:0;outline:0;color:var(--auth-text);background:transparent}.simple-auth-field input::placeholder{color:var(--auth-muted)}.simple-auth-field .password-toggle{position:static!important;inset:auto!important;top:auto!important;right:auto!important;left:auto!important;flex:0 0 34px;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:9px;color:var(--auth-muted);background:transparent;cursor:pointer;transform:none!important;display:inline-flex;align-items:center;justify-content:center;line-height:1}.simple-auth-field .password-toggle:hover{color:var(--auth-primary);background:color-mix(in srgb,var(--auth-primary) 9%,transparent)}
.simple-auth-options{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--auth-muted);font-size:.75rem}.simple-auth-options label{display:flex;align-items:center;gap:7px}.simple-auth-options a,.simple-auth-switch a{color:var(--auth-primary);font-weight:900}.simple-auth-submit{min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:15px;color:#fff;background:linear-gradient(135deg,#2657a4,#1d457d);box-shadow:0 12px 25px rgba(38,87,164,.24);font-weight:900;cursor:pointer;transition:.2s ease}.simple-auth-submit:hover{transform:translateY(-2px);box-shadow:0 17px 31px rgba(38,87,164,.3)}.simple-auth-switch{margin:2px 0 0;text-align:center;color:var(--auth-muted);font-size:.79rem}
.database-login-warning{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #f3c66b;border-radius:13px;color:#8a5b00;background:#fff8e8}.database-login-warning span{display:flex;flex-direction:column}.database-login-warning small{margin-top:3px;font-size:.68rem}
@media(max-width:620px){.simple-auth-page{padding:22px 12px}.simple-auth-card{padding:26px 18px;border-radius:22px}.simple-auth-grid{grid-template-columns:1fr}.auth-background-docs span{opacity:.45}.simple-auth-logo img{width:49px;height:49px}.simple-auth-card h1{font-size:1.5rem}}

/* DocMaker 9.7.32 — flex-first simple authentication */
.simple-auth-page{display:flex;align-items:center;justify-content:center}
.simple-auth-card form{display:flex;flex-direction:column;gap:15px}
.simple-auth-grid{display:flex;flex-wrap:wrap;gap:12px}
.simple-auth-grid>.simple-auth-field{flex:1 1 240px;min-width:0}
.simple-auth-field{display:flex;flex-direction:column;gap:7px}
@media(max-width:620px){.simple-auth-grid{flex-direction:column}.simple-auth-grid>.simple-auth-field{flex:0 0 auto;width:100%}}

/* DocMaker 9.7.33 — keep password controls in the input row */
.simple-auth-field>div{position:relative}
.simple-auth-field input[type="password"],.simple-auth-field input[data-password-input]{padding-inline-end:2px}