:root{--red:#d71920;--red-dark:#a8121a;--red-soft:#fdecec;--text:#1f1f1f;--muted:#6b6b6b;--border:#ececec;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:#fafafa;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.logo-placeholder{background:var(--red);color:var(--white);letter-spacing:2px;border-radius:10px;justify-content:center;align-items:center;padding:14px 22px;font-size:1.25rem;font-weight:800;display:inline-flex}.logo-placeholder.small{border-radius:6px;padding:6px 12px;font-size:.9rem}.logo{height:auto;display:block}.btn-primary{background:var(--red);color:var(--white);cursor:pointer;border:none;border-radius:8px;padding:12px 16px;font-size:1rem;font-weight:600;transition:background .15s}.btn-primary:hover{background:var(--red-dark)}.btn-primary:disabled{opacity:.7;cursor:wait}.btn-outline{background:var(--white);color:var(--red);border:1.5px solid var(--red);cursor:pointer;border-radius:8px;padding:7px 14px;font-weight:600}.btn-outline:hover{background:var(--red);color:var(--white)}.login-page{background:linear-gradient(135deg, var(--red) 0%, var(--red-dark) 100%);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background:var(--white);text-align:center;border-radius:16px;width:100%;max-width:400px;padding:40px 32px;box-shadow:0 20px 50px #0003}.login-card .logo{margin:0 auto}.login-card h1{margin-top:24px;font-size:1.6rem}.login-card .muted{margin-top:6px}.login-form{text-align:left;flex-direction:column;gap:16px;margin-top:28px;display:flex}.login-form label{flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}.login-form input{border:1.5px solid var(--border);border-radius:8px;outline:none;padding:11px 12px;font-size:1rem}.login-form input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.password-field{display:flex;position:relative}.password-field input{flex:1;padding-right:44px}.toggle-password{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.toggle-password:hover,.toggle-password:focus-visible{color:var(--text)}.error{background:var(--red-soft);color:var(--red-dark);border-radius:8px;padding:10px 12px;font-size:.9rem}.topbar{background:var(--white);border-bottom:3px solid var(--red);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-name{font-size:1.1rem;font-weight:700}.user{align-items:center;gap:12px;font-size:.9rem;display:flex}.container{max-width:1100px;margin:0 auto;padding:40px 16px}.container h1{font-size:1.8rem}.container>.muted{margin-top:4px}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:28px;display:grid}.card{background:var(--white);border:1px solid var(--border);border-top:5px solid var(--red);border-radius:14px;flex-direction:column;gap:10px;padding:28px 24px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 4px 14px #0000000d}a.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #d719202e}.card-icon{background:var(--red-soft);border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex}.card h2{font-size:1.2rem}.card p{color:var(--muted);flex:1;line-height:1.5}.card-cta{color:var(--red);margin-top:6px;font-weight:700}.card.disabled{opacity:.75;cursor:not-allowed;border-top-color:#bbb}.card.disabled .card-cta{color:var(--muted)}.badge{background:var(--red-soft);color:var(--red);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:16px;right:16px}