:root{--primary-red: #a80b25;--card-bg: #ffffff;--card-text: #111;--surface: #ffffff;--surface-muted: #f3f3f3;--text-strong: #111;--text-muted: #5a5a5a;--border: #ddd;--shadow: 0 20px 40px rgba(0, 0, 0, 0.12)}*{box-sizing:border-box;margin:0;padding:0;font-family:"Montserrat","Arial",sans-serif}body{background:#f0f0f0;color:#131313}nav{display:flex;width:100%;overflow:scroll;align-items:center;justify-content:space-between;background-color:#a80b25;color:#fff;padding:1rem 1.5rem;border-bottom:4px solid #7a0618}nav .nav-items{display:flex;gap:1rem}nav .nav-items .border-left{border-left:1px solid hsla(0,0%,100%,.32);padding-left:1rem}nav .nav-items .nav-item:hover{cursor:pointer;text-decoration:underline}nav .nav-item,nav span{padding-right:.5rem;color:#fff;text-decoration:none;height:-moz-fit-content;height:fit-content;white-space:nowrap}.hidden{display:none}form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin-top:1rem}form label{font-weight:bold}form input{padding:.5rem;border:1px solid #ccc;border-radius:4px}form button{padding:.5rem;background-color:var(--primary-red);color:#fff;border:none;border-radius:4px;cursor:pointer}form button:hover{background-color:color-mix(in srgb, var(--primary-red) 80%, #000)}modal{z-index:1000;display:none;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed;align-items:center;justify-content:center}modal .modal-content{position:relative;background:#242424;padding:2rem;padding-top:2.5rem;border-radius:8px;color:#fff}modal .modal-content .close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer}modal .modal-content .close-button:hover{color:red}#main{padding:2rem}h1,h2,h3{margin-bottom:1rem}button{margin-top:1rem;padding:.5rem 1rem;background-color:var(--primary-red);color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:color-mix(in srgb, var(--primary-red) 80%, #000)}table{width:100%;border-collapse:collapse;margin-top:1rem}table th,table td{padding:.75rem;text-align:left;border-bottom:1px solid #2a2a2a}table th{background-color:#fff}table{border:1px solid #2a2a2a}#create-new-event{margin-top:0;margin-bottom:1rem}.event-item{padding:1rem;background-color:#2a2a2a;border-radius:8px;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.event-item .event-name{margin:0}.event-item .event-date,.event-item .event-time{margin:0;color:#aaa}.event-item .attendance-status{margin-top:.5rem;font-weight:bold}.event-item .bar-container{display:flex;gap:0;width:100%;background-color:#2a2a2a;overflow:hidden;margin-top:.5rem}.event-item .bar-container .bar{position:relative;height:20px;transition:width .3s ease-in-out}.event-item .bar-container .bar span{position:absolute;color:#fff;font-size:.75rem;font-weight:bold;left:50%;top:50%;transform:translate(-50%, -50%)}.event-item .bar-container .bar.yes{background-color:#28a745}.event-item .bar-container .bar.no{background-color:#dc3545}.event-item .bar-container .bar.maybe{background-color:#ffc107}.event-item .bar-container .bar.not-responded{background-color:#6c757d}#main{padding:2rem;max-width:1180px;margin:0 auto}#next-events{display:grid;gap:1.5rem}.event-section{display:grid;gap:1rem}.event-section h2{color:#000;margin-bottom:.5rem}.event-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;background:var(--card-bg);color:var(--text-strong);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.08)}.event-card__date{background:var(--primary-red);color:#fff;min-width:120px;padding:1rem;display:grid;align-items:center;justify-items:center;text-align:center;padding-top:2rem;padding-bottom:2rem;height:-moz-fit-content;height:fit-content}.event-card__date-day{font-size:3rem;font-weight:700;line-height:1;margin-bottom:1rem}.event-card__date-month{font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;margin-top:.3rem}.event-card__content{padding:1.3rem 1.5rem;display:grid;gap:1rem}.event-card__title{margin:0;font-size:1.75rem;color:#111}.event-card__meta{display:flex;flex-wrap:wrap;gap:1rem;color:var(--text-muted);font-size:.95rem}.event-card__meta span{display:inline-flex;align-items:center;gap:.35rem}.material-icons{font-size:1rem;vertical-align:middle;color:var(--primary-red)}.event-card__description,.event-card__requirements{color:var(--text-muted);line-height:1.6}.event-card__requirements{font-size:.95rem}.attendance-status{font-weight:700;color:var(--text-strong);margin-bottom:.25rem}.attendance-buttons{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.75rem}.attendance-buttons button{border-radius:999px;padding:.9rem 1rem;font-weight:700;color:#fff;border:1px solid rgba(0,0,0,0);transition:transform .15s ease,box-shadow .15s ease}.attendance-buttons button.selected{border:3px solid #000}.attendance-buttons button:hover,.attendance-buttons button.selected{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.attendance-buttons .yes-button{background:#28a745}.attendance-buttons .no-button{background:#dc3545}.attendance-buttons .maybe-button{background:#ffb800;color:#111}.global-bar-card{display:grid;gap:.75rem}.global-bar-card__label{display:flex;justify-content:space-between;align-items:center;gap:.75rem;color:var(--text-strong);font-weight:700}.global-bar-card__label span{color:var(--text-muted);font-size:.95rem;font-weight:400}.global-bar,.bar-container{display:flex;gap:0;overflow:hidden;background:#eef1f5;border-radius:16px;min-height:2.6rem}.global-bar .bar,.bar-container .bar{position:relative;display:flex;align-items:center;justify-content:center;min-width:3%;transition:width .3s ease;color:#111;font-weight:700}.global-bar .bar span,.bar-container .bar span{position:static;transform:none;font-size:.9rem;color:#111}.global-bar .yes,.bar-container .yes{background:#28a745}.global-bar .no,.bar-container .no{background:#dc3545}.global-bar .maybe,.bar-container .maybe{background:#ffc107}.global-bar .not-responded,.bar-container .not-responded{background:#adb5bd}.global-bar-violation .global-bar{outline:2px solid #f05050;outline-offset:4px}.group-breakdown-toggle{display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.group-breakdown-toggle button{border-radius:999px;background:#f5f5f5;color:#111;border:1px solid #d8d8d8;padding:.65rem 1rem;cursor:pointer;font-weight:700}.group-breakdown{display:none;gap:.75rem}.group-breakdown.visible{display:grid}.group-attendance-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.75rem}.group-attendance-card{background:var(--surface-muted);border-radius:18px;border:1px solid #d7d7d7;padding:.85rem;min-height:120px}.group-attendance-card h3{margin:0 0 .5rem 0;font-size:1rem;color:#111}.group-attendance-card p{margin:0;color:var(--text-muted);font-size:.9rem}.group-attendance-card.violation{box-shadow:inset 0 0 0 2px #f7b22b}.group-attendance-card .bar-container{margin-top:.75rem}.group-attendance-card .bar{min-height:18px}.details-button{border:none;background:rgba(0,0,0,0);color:var(--primary-red);font-weight:700;cursor:pointer;padding:0;text-align:left}.details-button:hover{background:rgba(0,0,0,0);text-decoration:underline}.event-details{display:none;padding-top:.75rem;width:100%;overflow:scroll}.event-details.visible{display:block}.event-details table{background:#fff;color:#111;width:100%;border-radius:12px;overflow:hidden}.event-details th,.event-details td{padding:.85rem;border-bottom:1px solid #111;color:#111}.event-details th{background:#f6f7f9;text-align:left}.attendance-search{margin-bottom:1rem;padding:.5rem;border:1px solid #ccc;border-radius:4px}@media(max-width: 900px){.event-card{grid-template-columns:1fr}.group-attendance-grid{grid-template-columns:1fr}.attendance-buttons{grid-template-columns:1fr;gap:0rem}}