.app-shell[hidden]{display:none}.auth-screen{min-height:100vh;background:#111814;display:grid;place-items:center;align-content:center;padding:28px;position:relative}.auth-screen[hidden]{display:none}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.auth-brand img{width:170px;max-height:52px;object-fit:contain}.auth-brand span{border-left:1px solid #344139;padding-left:14px;color:#b9dc66;font-size:12px;font-weight:800;text-transform:uppercase}.auth-card{width:min(420px,100%);background:#fff;border-radius:8px;padding:30px;box-shadow:0 24px 80px #0006}.auth-card h1{margin:0 0 8px;font-size:24px}.auth-card>p{color:#66736b;margin:0 0 22px;line-height:1.5}.auth-form{display:grid;gap:14px}.auth-form .field input{width:100%;height:46px}.auth-form .btn{height:46px;width:100%}.auth-error{background:#fbeaea;color:#9e2929;border:1px solid #efc7c7;padding:10px 12px;border-radius:6px;font-size:13px}.auth-note{background:#eef5f0;border:1px solid #d3e4d9;padding:12px;border-radius:6px;color:#415048;font-size:12px;line-height:1.5}.auth-code{font:800 19px ui-monospace,monospace;letter-spacing:3px;background:#f2f5f3;border:1px dashed #aebbb3;padding:14px;text-align:center;border-radius:6px;word-break:break-all}.otp-input{text-align:center;font-size:24px;font-weight:800;letter-spacing:8px}.auth-footer{color:#7f9085;font-size:11px;margin:22px 0 0}.auth-loading{text-align:center;color:#66736b;padding:30px}.auth-loading span{display:block;width:28px;height:28px;border:3px solid #dce4de;border-top-color:#1f7a4d;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 14px}@keyframes spin{to{transform:rotate(360deg)}}.logout-btn{margin-left:auto;border:0;background:transparent;color:#aab7af;width:32px;height:32px;cursor:pointer;font-size:18px}.logout-btn:hover{color:#fff}.operator>div{min-width:0}.operator strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}@media(max-width:520px){.auth-screen{padding:20px}.auth-card{padding:24px}.auth-brand img{width:145px}}