.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef3e9}.auth-card{background:white;max-width:460px;width:100%;padding:42px;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 70px #173a3010}.auth-brand{font-size:32px;font-weight:750;letter-spacing:-1.5px;margin-bottom:38px}.auth-brand>span{display:inline-block;height:14px;width:25px;background:var(--yellow);border-radius:25px 25px 0 0;margin-left:4px}.auth-card h1{font-size:28px}.auth-card .sub{line-height:1.8;margin-bottom:26px}.auth-card form{display:grid;gap:11px}.auth-card label,.case-form label{font-size:12px;font-weight:600}.auth-card input,.case-form input,.case-form select,.case-form textarea{width:100%;padding:12px 13px;border:1px solid #cdd9c8;border-radius:6px;background:white;color:var(--ink);font:inherit;min-height:44px}.auth-card input{margin-bottom:8px}.auth-card small,.case-form small{font-size:11px;line-height:1.7;color:#697b62}.auth-card .btn{margin-top:12px;min-height:44px}.auth-foot{font-size:11px;line-height:1.8;color:#697b62;margin:24px 0 0}.auth-card #auth-error,.case-form #form-error{font-size:12px;line-height:1.7;color:#a12c24;margin:0}.case-form{padding:0 25px 25px;display:flex;flex-direction:column;gap:14px}.case-form>p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.case-form textarea{resize:vertical;line-height:1.7}.case-form>.btn{align-self:flex-start;min-height:44px}.case-form .checkline{display:flex;align-items:center;gap:12px;line-height:1.7}.case-form .checkline input{width:18px;min-height:18px}.nav-symbol{width:20px;flex:none;font-size:20px;text-align:center}.alert-row{align-items:center;padding-block:20px}.alert-row>div:not(.alert-actions){flex:1}.alert-row.read{background:#fafbf8}.alert-actions{display:flex;gap:10px}.profile-name{font-size:12px}.client-summary .info-grid b{overflow-wrap:anywhere}.client-summary .contact-line{overflow-wrap:anywhere}.btn,.filter,.pager,.text-btn{min-height:44px}.notice{line-height:1.8}.task p{line-height:1.7}.quality-row>div{min-width:0}.table-wrap .clients td small{line-height:1.6}
@media(max-width:760px){.auth-card{padding:28px}.nav button{min-width:0;padding-inline:3px;font-size:8px}.nav-symbol{font-size:19px}.case-form{padding-inline:20px}.alert-row{flex-wrap:wrap}.alert-row>div:not(.alert-actions){min-width:230px}.alert-actions{margin-left:35px}.quality-row{padding:18px}.quality-row>.btn{margin-left:0}.client-summary .info-grid{gap:20px 12px}.case-form>.btn{width:100%}.nav{width:100%}.sidebar .nav{gap:0}}