:root{--bg-main:#eef1f4;--bg-surface:#fff;--bg-sidebar:#112435;--text-main:#182230;--text-soft:#586479;--line:#d4dce6;--accent:#0f6d7a;--accent-strong:#0a5661;--danger:#a73737;--approved:#197749;--pending:#976f16;--rejected:#b03a3a;--radius:14px;--shadow:0 16px 38px #101f2f17}*{box-sizing:border-box}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 12% 10%, #f6f8fa, var(--bg-main));margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.login-wrap{background:radial-gradient(circle at 90% 10%,#0f6d7a38,#0000 30%),radial-gradient(circle at 12% 85%,#11243547,#0000 35%),linear-gradient(140deg,#e8edf3,#f6f9fb);grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:1rem;min-height:100vh;padding:1.2rem;display:grid;position:relative}.login-center-cluster{gap:1rem;width:min(1200px,100%);display:grid}.login-card{background:var(--bg-surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);width:min(760px,100%);box-shadow:var(--shadow);z-index:2;justify-self:center;padding:1.5rem;position:relative}.login-head{margin-bottom:1rem}.login-head h1{margin:0;font-size:clamp(1.5rem,2.8vw,2.2rem)}.login-head p{color:var(--text-soft);margin:.5rem 0 0}.login-card-content{z-index:2;position:relative}.login-notes{color:var(--text-soft);margin:1rem 0 0}.login-logo-row{z-index:1;pointer-events:none;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:.8rem;width:100%;display:grid}.login-logo-row-top,.login-logo-row-bottom{margin:0}.login-logo-chip{object-fit:contain;opacity:.62;background:#fff;border:1px solid #627d9566;border-radius:10px;width:100%;height:112px;padding:.3rem;box-shadow:0 10px 24px #101f2f29}.demo-accounts{flex-wrap:wrap;gap:.8rem;margin:1.2rem 0;display:flex}.login-error{color:var(--rejected);margin:.6rem 0;font-weight:600}.app-shell{grid-template-columns:270px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(170deg, #15344b, var(--bg-sidebar));color:#f2f7fa;flex-direction:column;gap:.8rem;padding:1.5rem;display:flex}.sidebar h1{margin:0;font-size:1.2rem}.sidebar-role{color:#c2d2de;margin:0}.sidebar-club-brand{background:#ffffff14;border:1px solid #ffffff38;border-radius:12px;gap:.5rem;margin-top:.3rem;padding:.65rem;display:grid}.sidebar-club-brand img,.sidebar-logo-fallback{aspect-ratio:16/9;object-fit:cover;border:1px solid #ffffff40;border-radius:8px;width:100%}.sidebar-logo-fallback{color:#f2f7fa;background:#ffffff26;place-items:center;font-size:1.2rem;font-weight:700;display:grid}.sidebar-club-brand p{color:#d7e6f0;margin:0;font-size:.85rem}@media (width<=900px){.login-logo-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.sidebar nav{gap:.35rem;margin-top:.8rem;display:grid}.nav-link{color:#d6e2ea;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.nav-badge{color:#2a1e07;background:#f3c63a;border-radius:999px;justify-content:center;align-items:center;min-width:1.45rem;height:1.45rem;font-size:.78rem;font-weight:700;display:inline-flex}.nav-link-active{color:#fff;background:#ffffff24;border-color:#ffffff4d}.content{padding:1.4rem}.page-head h2{margin:0}.page-head p{color:var(--text-soft);margin-top:.35rem}.event-form,.event-card,.timeline-item{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.event-form{gap:.7rem;padding:1rem;display:grid}.event-form input,.event-form textarea,.event-form select{border:1px solid var(--line);border-radius:10px;padding:.6rem}.admin-override{background:#fbfcfd;border:1px dashed #d0d8e2;border-radius:10px;gap:.55rem;padding:.65rem;display:grid}.admin-override-check{color:var(--text-soft);align-items:center;gap:.5rem;font-weight:600;display:flex}.submit-error{color:#7c1f1f;background:#fff4f4;border:1px solid #efb5b5;border-radius:10px;gap:.45rem;padding:.65rem;display:grid}.submit-error p{margin:0;font-weight:600}.conflict-list{gap:.35rem;margin:0;padding-left:1.1rem;display:grid}.conflict-list li{gap:.1rem;display:grid}.event-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin-top:1rem;display:grid}.event-card{padding:.85rem}.approval-history{border-top:1px solid var(--line);margin-top:.7rem;padding-top:.55rem}.approval-history h4{margin:0 0 .45rem;font-size:.95rem}.approval-history ul{gap:.5rem;margin:0;padding-left:1rem;display:grid}.approval-history li p{margin:.2rem 0 0}.timeline{gap:.75rem;margin-top:1rem;display:grid}.calendar-head{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;margin-top:.8rem;display:grid}.calendar-day-label{color:var(--text-soft);text-align:center;padding:.3rem;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;display:grid}.calendar-toolbar{gap:.8rem;margin-top:.9rem}.calendar-nav{gap:.7rem}.calendar-title{text-align:center;min-width:180px}.calendar-jump{color:var(--text-soft);gap:.25rem;font-size:.88rem;display:grid}.calendar-jump input{border:1px solid var(--line);font:inherit;color:var(--text);background:var(--bg-surface);border-radius:10px;padding:.45rem .55rem}.calendar-cell{background:var(--bg-surface);border:1px solid var(--line);border-radius:12px;min-height:130px;padding:.5rem}.calendar-cell-current{box-shadow:var(--shadow)}.calendar-cell-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.calendar-cell-weekend{background:#f5f8fb}.calendar-cell-bank-holiday{background:#fff6dd;border-color:#e8d7a0}.calendar-cell-muted{opacity:.5}.calendar-date{margin-bottom:.4rem;font-weight:700}.calendar-day-flag{color:#233d58;background:#dce8f5;border-radius:999px;align-items:center;margin-bottom:.25rem;padding:.1rem .45rem;font-size:.7rem;font-weight:700;display:inline-flex}.calendar-day-flag-holiday{color:#6f4e00;background:#f7dca2}.calendar-events{gap:.4rem;display:grid}.key-date-marker{margin-bottom:.35rem}.key-date-marker span{color:#124149;background:#d8edf0;border-radius:999px;align-items:center;padding:.14rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.calendar-chip{border:1px solid var(--line);background:#f8fafb;border-radius:10px;gap:.2rem;padding:.35rem;display:grid}.calendar-chip small{color:var(--text-soft)}.timeline-item{gap:.25rem;padding:.8rem;display:grid}.date-details-panel,.key-date-admin{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:1rem;padding:.9rem}.date-details-meta{color:var(--text-soft);font-size:.86rem}.date-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.8rem;display:grid}.date-details-card{border:1px solid var(--line);background:#f8fafb;border-radius:12px;padding:.75rem}.date-details-card h4{margin-top:0}.date-detail-item{border-top:1px solid var(--line);gap:.25rem;margin-top:.55rem;padding-top:.55rem;display:grid}.date-detail-item p{margin:0}.key-date-note{border-left:3px solid var(--accent);padding-left:.6rem}.calendar-event-modal-wrap{z-index:20;background:#101f2f73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.calendar-event-modal{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--radius);width:min(760px,100%);max-height:88vh;box-shadow:var(--shadow);gap:.8rem;padding:1rem;display:grid;overflow:auto}.calendar-event-modal .ghost-btn{border-color:var(--line);color:var(--text-main);margin-top:0}.row,.row-between,.view-switch{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row-between{justify-content:space-between}.primary-btn,.secondary-btn,.ghost-btn,.danger-btn{cursor:pointer;border:none;border-radius:10px;padding:.58rem .9rem}.primary-btn{background:var(--accent);color:#fff}.primary-btn:hover{background:var(--accent-strong)}.secondary-btn{color:#153b4e;background:#dbe9ee}.ghost-btn{color:#fff;background:0 0;border:1px solid #ffffff73;margin-top:auto}.danger-btn{color:var(--danger);background:#f9e1e1}.status{text-transform:capitalize;border-radius:999px;padding:.18rem .6rem;font-size:.85rem;display:inline-block}.status-pendingApproval{color:var(--pending);background:#fff4cf}.status-scheduled{color:var(--approved);background:#dbf3e5}.status-cancelled{color:var(--rejected);background:#fce2e2}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom-right-radius:16px;border-bottom-left-radius:16px}.calendar-head,.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-nav{justify-content:space-between;width:100%}.calendar-title{flex:1;min-width:0}.calendar-jump{width:100%}.date-details-grid{grid-template-columns:1fr}.login-card{padding:1rem}.login-logo-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.login-logo-chip{opacity:.72;height:74px}}