:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#112;background:linear-gradient(180deg,#9fd8f2,#cdefff 38%,#f6deb0)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#9fd8f2,#cdefff 38%,#f6deb0)}.app-shell{min-height:100vh;display:grid;grid-template-columns:88px 1fr;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.45),transparent 45%),radial-gradient(circle at 85% 30%,rgba(255,255,255,.35),transparent 42%),linear-gradient(180deg,#9fd8f2b8,#f6deb09e)}.side-menu{background:#0f3f57;color:#fff;padding:1rem .75rem;transition:width .2s ease;width:88px;overflow:hidden;position:sticky;top:0;height:100vh}.side-menu.open{width:280px}.menu-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.side-menu:not(.open) .menu-header{gap:0}.menu-toggle{background:#155e75;border-radius:14px;width:100%;min-height:68px;padding:0;font-size:1.7rem}.side-menu.open .menu-toggle{width:68px;min-height:68px;flex:0 0 68px}.title{margin:0;font-size:1rem;white-space:nowrap;opacity:0;width:0;overflow:hidden;transition:opacity .15s ease}.side-menu.open .title{opacity:1;width:auto}.menu-items{display:grid;gap:.55rem}.menu-item{display:flex;align-items:center;justify-content:center;gap:.75rem;text-align:left;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;padding:.65rem}.menu-icon{font-size:1.25rem;width:28px;text-align:center;flex:0 0 28px}.menu-label{opacity:0;width:0;overflow:hidden;white-space:nowrap}.side-menu.open .menu-item{justify-content:flex-start}.side-menu.open .menu-label{opacity:1;width:auto}.menu-item.active,.menu-item:hover{background:#1c7089}.content-area{max-width:980px;width:100%;margin:0 auto;padding:1rem}.content-header{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.content-header h2{margin-bottom:.3rem}.content-header p{margin:0}.viewer-select{display:grid;gap:.25rem;font-size:.85rem;min-width:190px}.viewer-select select{font:inherit;padding:.4rem;border-radius:8px;border:1px solid #cbd5e1}.panel-center{max-width:760px;margin:0 auto 1rem}.card{background:#ffffffe6;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #142c3c14;margin-bottom:1rem}.bulletin-panel{background:#ffffffdb}.pinned-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed #9ecae1}.pinned-compose{margin:.6rem 0 .8rem;padding:.8rem;border-radius:10px;background:#fff8dcb8;border:1px solid #f0d88f}.pinned-list{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.6rem}.pinned-note{margin:0;padding:.75rem .9rem;border-radius:12px;background:linear-gradient(135deg,#fff8d6,#fef3c7);border:1px solid #f5d489}.pinned-note p{margin:.3rem 0 0}.bulletin-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.bulletin-compose-toggle{width:auto;padding:.35rem .7rem;font-size:.9rem;background:#0f766e}.bulletin-compose{margin-top:.75rem;padding:.8rem;border-radius:10px;background:#f0f9ffd9;border:1px solid #cde8f5}.bulletin-bubbles{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.75rem}.bulletin-bubble{margin:0;padding:.8rem 1rem;border-radius:20px;background:linear-gradient(135deg,#f0fbff,#e6f4ff);border:1px solid #cbe6f6;box-shadow:0 2px 10px #155e751a}.post-top-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.bulletin-bubble p{margin:.35rem 0;color:#334155}.bulletin-bubble small{color:#64748b}.danger-button{width:auto;padding:.25rem .55rem;font-size:.8rem;background:#b91c1c}.grid{display:grid;gap:.75rem}label{display:grid;gap:.25rem;font-size:.9rem}input,textarea,button{font:inherit;padding:.5rem}textarea{min-height:68px}button{background:#155e75;color:#fff;border:none;border-radius:8px;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.actions{display:flex;gap:.5rem;margin-top:.5rem}.error{color:#991b1b;font-weight:600}ul{padding-left:1rem}li{margin-bottom:.75rem}.tight-list{margin-top:1rem}.tight-list p{margin:.35rem 0 0;color:#374151}.chip{display:inline-block;margin-left:.5rem;padding:.15rem .45rem;border-radius:999px;background:#e2e8f0;color:#0f172a;font-size:.8rem}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.side-menu,.side-menu.open{width:100%;height:auto;position:static}.title,.side-menu.open .title,.menu-label,.side-menu.open .menu-label{opacity:1;width:auto}.menu-item{justify-content:flex-start}.content-header{flex-direction:column}}.calendar-panel{max-width:900px}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem}.calendar-toolbar h3{margin:0}.calendar-nav-button{width:auto;padding:.4rem .75rem;background:#0f766e}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;margin-bottom:.35rem;color:#475569;font-weight:600;font-size:.85rem}.calendar-weekdays span{text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.calendar-day{min-height:4.5rem;padding:.4rem;border:1px solid #d8e6ee;border-radius:10px;background:#fffc}.calendar-day--outside{opacity:.5}.calendar-day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem;font-weight:600;color:#1e293b}.holiday-label{font-size:.65rem;color:#b91c1c}.holiday-chip,.booking-chip{font-size:.72rem;border-radius:7px;padding:.2rem .35rem;margin-bottom:.22rem;line-height:1.25}.holiday-chip{background:#fee2e2;border:1px solid #fca5a5;color:#7f1d1d}.booking-chip{border:1px solid;color:#0f172a}.booking-chip--clickable{display:block;width:100%;text-align:left;cursor:pointer;margin:0}.booking-chip--clickable:hover{filter:brightness(.97)}.booking-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.booking-modal{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;max-width:420px;width:100%;box-shadow:0 8px 32px #0003}.booking-modal h3{margin:0 0 1rem;font-size:1.15rem}.booking-modal p{margin:.5rem 0;color:#334155}.calendar-legend{margin-top:.85rem;padding-top:.7rem;border-top:1px dashed #a9c9da}.calendar-legend h4{margin:0 0 .4rem}.calendar-legend ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.4rem .8rem}.calendar-legend li{margin:0;display:flex;align-items:center;gap:.45rem}.legend-swatch{width:14px;height:14px;border-radius:4px;border:1px solid;display:inline-block}@media (max-width: 900px){.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.member-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem}.member-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.role-toggle{display:inline-flex;border-radius:8px;overflow:hidden;border:1px solid #0f766e}.role-toggle button{padding:.4rem .8rem;background:#fff;color:#0f766e;border:none;border-radius:0}.role-toggle button:not(:last-child){border-right:1px solid #0f766e}.role-toggle button.active{background:#0f766e;color:#fff}.role-toggle button:hover:not(.active):not(:disabled){background:#0f766e1f}.role-toggle--small button{padding:.25rem .5rem;font-size:.85rem}.profile-actions{display:flex;align-items:center;gap:.5rem}.profile-menu-wrap{position:relative}.profile-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;min-width:180px;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 4px 16px #0003;padding:.25rem;z-index:100}.profile-dropdown-item{display:block;width:100%;padding:.55rem .9rem;text-align:left;background:transparent;border:none;border-radius:.25rem;font-size:.9rem;font-weight:500;color:#1e293b;cursor:pointer}.profile-dropdown-item:hover{background:#f1f5f9;color:#0f172a}.profile-button{width:52px;height:52px;border-radius:999px;background:#0f3f57;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;padding:.25rem}.signout-button{width:auto;background:#475569;padding:.4rem .7rem}.auth-panel{max-width:560px}.auth-mode-switch{display:flex;gap:.5rem;margin-bottom:.8rem;flex-wrap:wrap}.auth-mode-switch button{width:auto;background:#334155;padding:.45rem .8rem}.auth-mode-switch button.active{background:#0f766e}.auth-form{margin-top:.5rem}.auth-message{color:#166534;font-weight:600;margin-top:.85rem}.auth-summary{margin-top:.4rem;color:#334155}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.4),transparent 45%),linear-gradient(180deg,#9fd8f2d9,#f6deb0b3)}.auth-standalone{width:min(560px,100%)}.auth-header-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem}.auth-header-row h2{margin:0}