body{margin:0;background:#f3f5f2;color:#102e35;font-family:system-ui,sans-serif}.auth{max-width:480px;margin:7vh auto;padding:34px;background:white;border:1px solid #dbe3dd;border-radius:18px;box-shadow:0 16px 60px #102e3510}.auth .brand{font-size:27px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px;font-weight:750}.auth h1{font-size:28px;line-height:1.2;margin:32px 0 12px}.auth p{line-height:1.65;color:#5b6d6a}.auth label{display:block;margin:22px 0 8px;font-weight:600}.auth input,.auth select{box-sizing:border-box;width:100%;padding:14px;border:1px solid #c4d3cb;border-radius:8px;font:inherit}.auth button,.auth .button{display:block;box-sizing:border-box;width:100%;padding:14px;margin-top:18px;border:0;border-radius:8px;background:#226d51;color:white;font:600 15px system-ui;cursor:pointer;text-decoration:none;text-align:center}.auth button.secondary{background:#edf4ef;color:#245b48}.auth a{color:#226d51}.auth #status{white-space:pre-wrap}.admin{max-width:1050px}.admin table{width:100%;text-align:left;font-size:14px;border-collapse:collapse}.admin td,.admin th{padding:10px;border-bottom:1px solid #ddd}.admin section{overflow:auto;margin:32px 0}.admin code{overflow-wrap:anywhere}.admin button{width:auto;display:inline-block}.mark{display:grid;grid-template-columns:8px 8px;gap:3px}.mark i{height:8px;background:#277651;border-radius:2px}@media(max-width:600px){.auth{margin:16px;padding:24px}}
.auth .eyebrow{text-transform:uppercase;letter-spacing:1px;font-size:12px;color:#3f725c;font-weight:700}.auth small,.auth .fine{font-size:14px;line-height:1.6;color:#64776b}.auth section{margin:30px 0;padding-top:12px;border-top:1px solid #dce5df}.auth h2{font-size:23px}.auth .notice{background:#f0f4ee;border-left:3px solid #40744f;padding:14px;font-size:14px}.auth .button.secondary{background:#edf4ef;color:#245b48}.auth details{margin-top:20px;font-size:14px;line-height:1.6}.auth button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}input:focus,select:focus{outline:2px solid #3a8a62;outline-offset:2px}

.admin #verificationMail{margin-top:24px;padding:20px;background:#f5f8f5;border:1px solid #dce5df;border-radius:10px}.admin #mailBody{display:block;box-sizing:border-box;width:100%;font:15px/1.65 system-ui,sans-serif;padding:16px;border:1px solid #c4d3cb;border-radius:8px;resize:vertical;background:#fff;color:#102e35}.admin #verificationMail h3{margin-top:0}.admin #verificationMail small{display:block;margin:10px 0}.admin #verificationMail input[readonly]{background:#fff}


.password-field{position:relative}
.password-field input{padding-right:50px}
.auth .password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0;padding:0;border:0;border-radius:7px;background:transparent;color:#536b63;cursor:pointer}
.auth .password-toggle:hover{background:#edf4ef;color:#245b48}
.auth .password-toggle:focus-visible{outline:2px solid #3a8a62;outline-offset:1px}
.auth .password-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.activation-status{margin:14px 0 0!important;padding:12px 14px;border-radius:8px;font-weight:700;line-height:1.45}.activation-status.pending{background:#f4f6f5;color:#536b63;border:1px solid #d7dfda}.activation-status.success{background:#edf7f1;color:#185c3f;border:1px solid #b8dcc8}.activation-status.error{background:#fff1f1;color:#8b2525;border:1px solid #edc0c0}