*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f6f8;color:#20242a}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:#17191d;color:#fff}.topbar a{color:#fff;text-decoration:none}.brand{font-size:1.15rem;font-weight:750}.topbar nav{display:flex;gap:18px;align-items:center}.container{max-width:1240px;margin:28px auto;padding:0 18px}.page-heading,.month-nav{display:flex;justify-content:space-between;align-items:center;gap:20px}.month-nav{margin:18px 0}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#d9dde3;border:1px solid #d9dde3}.weekday{padding:10px;text-align:center;font-weight:700;background:#eceff3}.day{min-height:140px;background:#fff;padding:8px}.day.empty{background:#f0f1f3}.day-number{font-weight:700}.event{display:block;margin-top:7px;padding:8px;border-radius:7px;background:#eef3ff;color:#17233d;text-decoration:none;font-size:.9rem}.event small{display:block;color:#626b78;margin-top:4px}.detail-card,.auth-card{background:#fff;border:1px solid #e0e3e8;border-radius:12px;padding:22px;margin:18px 0}.auth-card{max-width:480px;margin:60px auto}.meta{display:flex;flex-wrap:wrap;gap:10px}.meta span{background:#eef0f4;padding:7px 10px;border-radius:999px}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.role-card{display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid #e0e3e8;border-radius:10px;padding:16px}button,.button{display:inline-block;border:0;border-radius:8px;background:#1b4fd8;color:white;padding:10px 16px;font-weight:700;text-decoration:none;cursor:pointer}.danger{background:#b42318}.inline{display:inline}.link-button{background:none;padding:0}.filters select,input,select,textarea{width:100%;padding:10px;border:1px solid #cfd4dc;border-radius:7px;background:#fff}.filters select{min-width:220px}.alert{padding:12px 14px;border-radius:8px;margin:10px 0;background:#e8eefc}.alert.error{background:#fde8e7}.alert.success{background:#e7f6ec}.muted{color:#67707c}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px;border-bottom:1px solid #e4e7eb}@media(max-width:800px){.topbar{align-items:flex-start;gap:12px}.topbar,.topbar nav,.page-heading{flex-direction:column}.calendar{display:block}.weekday{display:none}.day{min-height:auto;margin-bottom:8px;border:1px solid #ddd}.day.empty{display:none}}
.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.filter-grid p{margin:0}.filter-grid button{height:42px}.money{font-variant-numeric:tabular-nums}.button+button{margin-left:8px}