.login-area{min-height:calc(100vh - 106px);display:grid;place-items:center;padding:50px 20px;background:linear-gradient(135deg,#f5f3ed,#eaf0f1)}.login-card{width:min(480px,100%);padding:38px;background:#fff;border-top:5px solid var(--blue);box-shadow:var(--shadow)}.login-card h1{margin:0;font:500 2.6rem/1.05 Georgia,serif}.login-card form{display:grid;gap:12px;margin-top:25px}.login-card label{font-weight:700}.login-card input{width:100%;padding:13px;border:1px solid #abb8bc;font-size:1rem}.login-card button{margin-top:8px;cursor:pointer}.home-link{display:inline-block;margin-top:24px;color:var(--blue);font-weight:700}.message{padding:13px 15px}.error{background:#fde9e6;color:#8b2e24}.warning{background:#fff4d6;color:#725500}.success{background:#e3f4e8;color:#225c35}.reserved-content{padding:68px 0 90px;background:#f7f9f8}.class-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.class-card{padding:28px;border:1px solid var(--line);border-top:5px solid var(--copper);background:#fff}.class-card>span{color:var(--copper);font-weight:800}.class-card h2{margin:12px 0 8px;font:500 1.7rem/1.15 Georgia,serif}.class-card p{color:var(--muted)}.empty{margin-top:25px;padding:14px;background:var(--paper);color:var(--muted);font-size:.9rem}@media(max-width:700px){.class-grid{grid-template-columns:1fr}.login-card{padding:28px}}

.card-button{display:inline-block;margin-top:18px}.document-list{display:grid;gap:16px;margin:30px 0 0;padding:0;list-style:none}.document-list li{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;border:1px solid var(--line);background:#fff}.document-list h2{margin:0 0 6px;font:500 1.45rem/1.2 Georgia,serif}.document-list p{margin:0;color:var(--muted)}@media(max-width:700px){.document-list li{align-items:flex-start;flex-direction:column}}