body{color:#222;background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.login-card{border:1px solid #ddd;border-radius:8px;max-width:360px;margin:10vh auto;padding:24px}.login-card h1{margin:0 0 16px;font-size:1.2rem}.login-card form label{margin:12px 0 4px;font-weight:600;display:block}.login-card form input{box-sizing:border-box;width:100%;padding:8px;font-size:1rem;display:block}.login-card button{cursor:pointer;width:100%;margin-top:16px;padding:10px;font-size:1rem}.login-card .error{color:#b3261e;margin-top:12px}.navbar{color:#fff;background:#1a1a1a;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.navbar-brand{font-weight:600}.navbar-links{align-items:center;gap:16px;display:flex}.route-select{padding:4px 8px}.navbar-links a{color:#fff;text-decoration:none}.navbar-links a.active{text-decoration:underline}.navbar-user{color:#bbb;font-size:.9rem}.elevated-badge{color:#7fd88f;font-size:.9rem}.hint{color:#666;font-size:.9rem;font-style:italic}.link-button{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;text-decoration:underline}.content{max-width:900px;margin:0 auto;padding:24px}.content .error{color:#b3261e}table{border-collapse:collapse;width:100%;margin-top:16px}th,td{text-align:left;border-bottom:1px solid #eee;padding:6px 8px}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.inline-form input{padding:6px}.inline-form button{cursor:pointer;padding:6px 12px}.stacked-form{max-width:480px;margin:16px 0}.stacked-form label{margin:12px 0 4px;font-weight:600;display:block}.stacked-form input,.stacked-form select,.stacked-form textarea{box-sizing:border-box;width:100%;padding:8px;font-family:inherit;font-size:1rem;display:block}.stacked-form textarea{min-height:80px}.stacked-form button{cursor:pointer;margin:16px 8px 0 0;padding:8px 16px}.accordion{margin-top:16px}.accordion-item{border:1px solid #ddd;border-radius:4px;margin-bottom:8px}.accordion-header{text-align:left;cursor:pointer;background:#f7f7f7;border:none;width:100%;padding:12px;font-size:1rem;display:block}.accordion-header:hover{background:#efefef}.accordion-header.unpaid{border-left:4px solid #b3261e}.accordion-header.paid{border-left:4px solid #2e7d32}.accordion-body{border-top:1px solid #ddd;padding:12px}