.sidebar-user { margin-top: auto; padding: 15px 12px; border-top: 1px solid #356157; }
.sidebar-user strong, .sidebar-user small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-user strong { color: #e7f1eb; font: 12px Arial, sans-serif; }
.sidebar-user small { margin-top: 4px; color: #8fb2a8; font: 10px Arial, sans-serif; }
.sidebar-user a { display: inline-block; margin-top: 13px; color: #d8e77b; font: 10px Arial, sans-serif; text-transform: uppercase; letter-spacing: .08em; }
.document-row { display: flex; gap: 12px; padding: 15px 0; border-top: 1px solid #edf2ee; }
.document-icon { display: grid; place-items: center; flex: 0 0 34px; height: 34px; border-radius: 7px; color: var(--teal); background: #e5f1ec; font: 17px Arial, sans-serif; }
.document-name { margin-bottom: 5px; font-size: 14px; }
.document-link { display: inline-block; margin-top: 8px; color: var(--teal); font: 10px Arial, sans-serif; }
.empty-state { color: var(--muted); font: 12px Arial, sans-serif; }
.login-page { min-height: 100vh; background: #f7faf7; }
.login-layout { display: grid; grid-template-columns: minmax(400px, .95fr) minmax(430px, 1.05fr); min-height: 100vh; }
.login-intro { display: flex; flex-direction: column; justify-content: space-between; padding: 42px 10%; color: #e7f1eb; background: #173e38; }
.login-intro .brand { padding: 0; }
.login-intro > div:nth-child(2) { max-width: 500px; }
.login-intro h1 { margin: 18px 0 16px; color: #f2f7ef; font-size: clamp(38px, 4.6vw, 66px); line-height: 1.04; font-weight: 400; }
.login-intro p { max-width: 390px; color: #aac4ba; font: 14px/1.7 Arial, sans-serif; }
.login-note { color: #91afa5; font: 11px Arial, sans-serif; }
.login-note span { margin: 0 8px; color: #d8e77b; }
.login-panel { display: grid; place-items: center; padding: 40px 8%; background: #f7faf7; }
.login-box { width: min(100%, 390px); }
.login-kicker { color: var(--orange); text-transform: uppercase; letter-spacing: .13em; font: 700 10px Arial, sans-serif; }
.login-box h2 { margin: 12px 0 6px; color: #1a4e45; font-size: 34px; font-weight: 400; }
.login-help { margin: 0 0 27px; color: var(--muted); font: 13px Arial, sans-serif; }
.login-box .button { margin-top: 5px; }
.login-box .button span { float: right; font-size: 17px; line-height: 11px; }
.demo-accounts { display: grid; gap: 5px; margin-top: 28px; padding: 14px 16px; border-left: 2px solid #d8e77b; color: var(--muted); font: 10px/1.5 Arial, sans-serif; }
.demo-accounts strong { color: var(--ink); font-size: 11px; }
@media (max-width: 760px) {
    .sidebar-user { padding: 14px 0; text-align: center; }
    .sidebar-user strong, .sidebar-user small, .sidebar-user a { display: none; }
    .login-layout { display: block; }
    .login-intro { min-height: 330px; padding: 28px 25px; }
    .login-intro h1 { font-size: 37px; }
    .login-intro > div:nth-child(2) { margin-top: 50px; }
    .login-intro p, .login-note { display: none; }
    .login-panel { min-height: calc(100vh - 330px); padding: 45px 25px; }
}