.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;margin:0;background:var(--bg);direction:rtl}.auth-story{padding:10vh 8vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#25291f,#111311);color:#eee7d9}.auth-story>img{width:min(330px,100%);margin-bottom:65px}.auth-story h1{font-size:clamp(34px,4vw,64px);line-height:1.35;margin:20px 0}.auth-story p{max-width:420px;color:#c4c8bc;font-size:17px;line-height:1.9}.auth-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.auth-pills span{border:1px solid #5c573d;border-radius:30px;padding:8px 16px;color:#d6b675}.auth-panel{width:min(520px,100%);padding:50px;margin:auto}.auth-panel h2{font-size:30px}.auth-panel .field{margin-top:20px}.auth-panel input{width:100%;min-height:46px}.connection-status{font-size:11px;color:var(--green)}.account-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.account-row>div:first-child{flex:1}.activation-link{direction:ltr;word-break:break-all;background:var(--bg);padding:14px;border:1px solid var(--border);border-radius:8px;font-size:12px;display:block}.evidence-photo{max-width:100%;max-height:300px;border-radius:12px}.attendance-list{display:grid;gap:12px}.attendance-record{border:1px solid var(--border);padding:16px;border-radius:12px}.auth-page main{margin:0}.mobile-view .demo{display:none}@media(max-width:750px){.auth-page{grid-template-columns:1fr}.auth-story{padding:30px}.auth-story>img{width:200px;margin-bottom:20px}.auth-story h1{font-size:28px;margin:10px 0}.auth-story p,.auth-pills{display:none}.auth-panel{padding:30px;max-width:520px}.toptools .account-name{display:none}}

.chat-log{height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px 0}.chat-bubble{max-width:80%;align-self:flex-start;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble.staff{align-self:flex-end;border-color:var(--gold)}.chat-bubble small{display:block;color:var(--muted);font-size:11px;margin-bottom:2px}.chat-form{display:flex;gap:8px;margin-top:10px}.chat-form input{flex:1}
.grid-main>*{min-width:0}