.auth-view{min-height:calc(100dvh - 48px);max-width:1320px;margin:auto;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.1fr minmax(380px,.7fr);grid-template-rows:auto 1fr;background:radial-gradient(circle at 28% 35%,#1d5a49 0,#0d3f35 46%,#082f29 100%);color:#fff;box-shadow:0 26px 90px #123b2b28;position:relative}
.auth-view:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff13 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,#000,transparent 66%);pointer-events:none}
.auth-brand{grid-column:1;padding:35px 45px;font-size:30px;font-weight:750;letter-spacing:-1px;position:relative}.auth-brand span{font-size:47px;vertical-align:-5px;margin-right:8px;color:#c6e7d4}.auth-brand i{font-style:normal;color:#58c48f}
.auth-copy{grid-column:1;align-self:center;padding:20px 70px 100px;position:relative}.auth-copy .eyebrow{color:#9fc9b3}.auth-copy h1{font-family:ui-serif,Georgia,serif;font-size:clamp(42px,5vw,72px);font-weight:400;line-height:1.04;letter-spacing:-2.5px;margin:22px 0}.auth-copy>p{font-size:16px;line-height:1.8;color:#b5cec2;max-width:560px}.auth-points{display:flex;gap:24px;margin-top:35px;color:#a9c8b8;font-size:13px;flex-wrap:wrap}
.auth-card{grid-column:2;grid-row:1/3;align-self:center;background:#fff;color:#254538;border-radius:18px;padding:31px;margin:32px 42px 32px 10px;box-shadow:0 22px 70px #001b1836;position:relative;min-height:490px}.auth-card-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#70917f;border-bottom:1px solid #e6ece7;padding-bottom:20px}.auth-card-top button,.auth-link{border:0;background:none;color:#337a5e;font-size:12px;letter-spacing:0;padding:5px}.auth-card form{margin-top:30px}.auth-card h2{font-size:26px;line-height:1.25;letter-spacing:-.8px;margin:0 0 9px}.auth-card form>p{font-size:14px;line-height:1.65;color:#7d9185;margin:0 0 24px}.auth-card .primary{margin-top:20px}.auth-message{min-height:23px;font-size:13px;line-height:1.6;color:#3d7b5d;margin:17px 0}.auth-message.error{color:#ae4949}.auth-privacy{border-top:1px solid #e7ece8;padding-top:16px;color:#96a49b;font-size:11px;line-height:1.6}.username-field{display:flex;border:1px solid #dfe7d8;border-radius:8px;align-items:center;color:#78917d;padding-left:12px}.username-field input{border:0;box-shadow:none;padding-left:4px}
.request-badge{width:9px;height:9px;border-radius:50%;background:#e46c62;position:absolute;right:4px;top:4px;border:2px solid #edf4ee}.new-chat-icon{position:relative}.contact-search{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.contact-search .primary{margin:0;width:auto;white-space:nowrap}.contact-section{border-top:1px solid #e6ece7;margin-top:24px;padding-top:18px}.contact-section h3{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#839a8c}.contact-row{display:flex;gap:12px;align-items:center;padding:11px 0}.contact-row+.contact-row{border-top:1px solid #edf1ed}.contact-row-avatar,.detail-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#dce9d9;color:#4c7550;flex-shrink:0}.contact-row-copy{min-width:0;flex:1}.contact-row-copy strong{display:block;font-size:14px}.contact-row-copy small{display:block;color:#8b9b91;margin-top:5px;font-size:12px}.contact-row-actions{display:flex;gap:6px}.contact-row-actions button{border:1px solid #dfe8df;background:#f2f7f2;color:#4a7d61;border-radius:7px;padding:8px 10px;font-size:12px}.contact-row-actions .accept{background:#377b59;color:#fff;border-color:#377b59}.detail-avatar{width:72px;height:72px;font-size:27px;margin:20px auto 10px}.detail-avatar+h3{text-align:center;margin:8px}.detail-avatar~#detailUsername,.detail-avatar~#detailStatus{text-align:center}.unread-badge{background:#43a575;color:#fff;border-radius:12px;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;font-size:10px}.missed-note{font-size:11px;color:#c26c65;margin-top:5px}.incoming-actions{display:flex;gap:10px}.incoming-actions .primary,.incoming-actions .secondary{margin:0}.incoming-actions .secondary{background:#d95858;color:#fff;border-color:#d95858}
.row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0}.contact-row-actions .primary{background:#377b59;color:#fff;border-color:#377b59}.contact-row-actions .secondary{background:#f2f7f2;color:#4a7d61;border-color:#dfe8df}.contact-row-actions button:disabled{opacity:.7}
@media(max-width:800px){.auth-view{min-height:100dvh;border-radius:0;display:flex;flex-direction:column}.auth-brand{padding:25px 25px 10px}.auth-copy{padding:25px 25px 20px}.auth-copy h1{font-size:41px}.auth-copy>p{font-size:14px}.auth-points{display:none}.auth-card{margin:10px 14px 20px;padding:25px;min-height:0}.contact-search{grid-template-columns:1fr}.contact-search .primary{width:100%;margin-top:2px}}