@keyframes demoDashFade{0%{opacity:0}to{opacity:1}}body.landing{overflow-x:hidden}.demo-body{aspect-ratio:auto!important;min-height:0!important;height:100%!important;padding:0!important;display:flex!important;flex-direction:column!important;background:0 0!important;border:0!important;border-radius:0!important}.dashboard-demo,.demo-sandbox{width:100%;height:100%;min-height:0;flex:1 1 auto;display:flex;flex-direction:column}.dashboard-demo{position:relative;font-family:"Inter",sans-serif;color:var(--text-white);background:linear-gradient(160deg,#0a0e17 0,#111827 35%,#0f172a 70%,#0c1220 100%);overflow:hidden;border-radius:inherit}.dashboard-demo .navbar{position:relative!important;top:auto!important;left:auto!important;right:auto!important;flex-shrink:0;z-index:5;padding:.55rem 0;background:rgba(8,12,20,.95)}.dashboard-demo .nav-container{max-width:none;padding:0 .85rem}.dashboard-demo .club-title{font-size:.95rem;margin:0}.dashboard-demo .back-btn{font-size:.78rem;padding:.35rem .55rem;background:0 0;border:0;cursor:pointer;color:var(--text-gray);appearance:none;-webkit-appearance:none}.dashboard-demo .main-content{flex:1 1 auto;min-height:0;overflow:hidden;max-width:none!important;width:100%;padding:.65rem .85rem .85rem!important;margin:0!important;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.dashboard-demo .club-info{margin-bottom:.35rem!important;flex-shrink:0}.dashboard-demo .club-header{padding:.45rem .7rem!important;border-radius:12px!important;margin-bottom:0!important;gap:.5rem}.dashboard-demo .club-details h2.club-name,.dashboard-demo .club-name{font-size:1.05rem!important;margin:0 0 .15rem!important;line-height:1.15!important}.dashboard-demo .club-stats{gap:.65rem!important}.dashboard-demo .stat-number{font-size:.95rem!important}.dashboard-demo .stat-label{font-size:.62rem!important}.dashboard-demo .invite-code-section{padding:.35rem .5rem!important;margin-right:0!important}.dashboard-demo .invite-code-display input{font-size:.78rem!important;min-width:0;width:7.5rem}.dashboard-demo .invite-code-display .btn-small{width:1.85rem;min-width:1.85rem;height:1.85rem;padding:0!important}.dashboard-demo .invite-code-display .btn-small i{margin-right:0!important}.dashboard-demo .ide-tabs{margin-bottom:.4rem!important;flex-shrink:0;width:fit-content;max-width:100%;padding:.3rem!important;gap:.25rem!important}.dashboard-demo .ide-tab{padding:.42rem .75rem!important;font-size:.72rem!important;gap:.4rem!important}.dashboard-demo .ide-tab i{font-size:.78rem}.dashboard-demo .ide-tab-panels{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.dashboard-demo .ide-tab-panel{display:none;flex:1 1 auto;min-height:0}.dashboard-demo .ide-tab-panel.active{display:flex;flex-direction:column;min-height:0;animation:demoDashFade .2s ease;overflow:hidden!important}.dashboard-demo .dashboard-grid{gap:.7rem!important;margin-bottom:0!important;grid-template-columns:minmax(0,2.75fr) minmax(200px,.9fr)!important;grid-template-rows:minmax(0,1fr)!important;align-items:stretch!important;flex:1 1 auto;min-height:0;height:100%!important;overflow:hidden}.dashboard-demo .members-section,.dashboard-demo .schedule-section{padding:.7rem .75rem!important;border-radius:12px!important;margin:0!important;overflow:hidden!important;min-height:0!important;max-height:none!important;height:100%!important;display:flex!important;flex-direction:column!important}.dashboard-demo .schedule-section{min-width:0}.dashboard-demo .section-header{margin-bottom:.45rem!important;padding-bottom:.45rem!important;gap:.35rem .65rem!important;flex-shrink:0}.dashboard-demo .section-header h3{font-size:.72rem!important;letter-spacing:.12em!important}.dashboard-demo .schedule-controls{gap:.4rem!important}.dashboard-demo .pathways-header-actions .btn-small,.dashboard-demo .schedule-controls .btn-small{padding:.38rem .7rem!important;font-size:.7rem!important;border-radius:8px!important;line-height:1.2}.dashboard-demo .pathways-header-actions .btn-small i,.dashboard-demo .schedule-controls .btn-small i{margin-right:.35rem!important;font-size:.72rem}.dashboard-demo .member-preview-action{width:1.9rem!important;min-width:1.9rem!important;height:1.9rem!important;padding:0!important}.dashboard-demo .schedule-container{flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:hidden!important}.dashboard-demo .schedule-table-wrapper{flex:1 1 auto!important;min-height:0!important;max-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;align-items:flex-start!important}.dashboard-demo .members-container,.dashboard-demo .members-list{height:auto!important;max-height:none!important;min-height:0!important}.dashboard-demo .members-container{position:relative!important;flex:1 1 auto!important;overflow:hidden!important}.dashboard-demo .members-list{position:absolute!important;inset:0!important;overflow-x:hidden!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important}.landing .demo-expand-section.is-expanded .dashboard-demo,.landing .demo-expand-section.is-expanded .dashboard-demo .navbar{border-radius:0}@media (max-width:900px){.dashboard-demo .dashboard-grid{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1.4fr) minmax(180px,1fr)!important}}.dashboard-demo .role-column{width:108px!important;min-width:108px!important}.dashboard-demo .role-header{background:linear-gradient(135deg,rgba(255,107,107,.9),rgba(255,140,148,.8))!important;min-height:0!important;padding:.4rem .45rem!important;font-size:.65rem!important;box-sizing:border-box}.dashboard-demo .role-cell{min-height:56px!important;max-height:none!important;padding:.3rem .4rem!important;font-size:.7rem!important;box-sizing:border-box}.dashboard-demo .meetings-table thead tr{height:auto!important}.dashboard-demo .meetings-table tbody tr{height:auto!important;min-height:56px!important}.dashboard-demo .meeting-header{padding:.3rem .35rem!important;font-size:.72rem!important;min-width:118px;max-width:150px;vertical-align:middle}.dashboard-demo .meeting-header>div{gap:.08rem!important}.dashboard-demo .meeting-date-wrapper{padding:0!important;margin:0!important}.dashboard-demo .member-preview-action.btn-small{padding:0!important}.dashboard-demo .assignment-cell{min-height:56px!important;max-height:none!important;padding:.3rem .35rem .35rem!important;vertical-align:middle;overflow:visible;box-sizing:border-box}.dashboard-demo .person-selection{max-width:100%;width:100%;font-size:.7rem!important;padding:.18rem .28rem!important;margin:0!important}.dashboard-demo .assignment-cell.unclaimed-role .person-selection{font-weight:700!important;letter-spacing:.04em;color:#ffe08a!important}.dashboard-demo .assignment-cell:not(.unclaimed-role) .person-selection{font-weight:600!important}.dashboard-demo .role-request-badge{display:inline-block;margin-top:.15rem;font-size:.58rem!important;line-height:1.15;max-width:100%}.dashboard-demo .confirm-chip-btn,.dashboard-demo .confirmed-badge{display:inline-flex!important;align-items:center;gap:.2rem;margin-top:.18rem;font-size:.62rem!important;padding:.12rem .4rem!important}.dashboard-demo .pathways-badge{right:1.45rem!important;top:.15rem!important;font-size:.55rem!important;padding:.1rem .28rem!important}.dashboard-demo .cell-more-btn{top:.15rem!important;right:.15rem!important;width:1.1rem!important;height:1.1rem!important;font-size:.58rem!important}.dashboard-demo .meeting-more-btn{padding:.08rem .3rem!important;font-size:.6rem!important;margin-top:.05rem!important}.dashboard-demo .real-date{font-size:.64rem!important;line-height:1.25}.dashboard-demo .real-time{font-size:.58rem!important;opacity:.75}.dashboard-demo .member-preview-action{display:inline-flex!important}.dashboard-demo .demo-member-preview .schedule-controls #options-controller,.dashboard-demo .demo-member-preview .schedule-controls [data-action=auto-assign]{display:none!important}.dashboard-demo .member-card{padding:.55rem .65rem!important;gap:.55rem!important;border-radius:10px!important;min-height:0!important}.dashboard-demo .member-avatar{width:32px!important;height:32px!important;border-radius:9px!important;font-size:.78rem!important}.dashboard-demo .member-name{font-size:.78rem!important}.dashboard-demo .member-role{font-size:.62rem!important}.dashboard-demo .members-list{gap:.7rem!important;padding:.25rem 0 .5rem!important}.dashboard-demo .member-group-header{margin-bottom:.35rem!important}.dashboard-demo .member-group-pill{font-size:.62rem!important}.dashboard-demo .member-actions{gap:.2rem!important}.dashboard-demo .member-action-btn{width:1.45rem!important;height:1.45rem!important;font-size:.65rem!important}.dashboard-demo .pathways-section{margin-bottom:0!important;max-height:none!important;overflow:auto;flex:1 1 auto;min-height:0}.dashboard-demo .pathways-header{margin-bottom:1rem!important;padding-bottom:.85rem!important}.dashboard-demo .pathways-header-actions .btn-small,.dashboard-demo .schedule-controls .btn-small{white-space:nowrap}.dashboard-demo .pathways-stats{gap:.55rem!important;margin-bottom:.75rem!important}.dashboard-demo .stat-box{padding:.65rem .75rem!important}.dashboard-demo .stat-box-number{font-size:1.25rem!important}.dashboard-demo .utilities-subtabs{margin-bottom:.85rem;flex-shrink:0}.dashboard-demo .settings-section{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column}.dashboard-demo .settings-admin-group{display:block!important}.dashboard-demo .utilities-content{flex:1 1 auto;min-height:0;overflow:auto}.dashboard-demo .grammarian-section,.dashboard-demo .timer-section{min-height:0}.dashboard-demo .timer-container{max-height:none}.dashboard-demo .grammarian-wotd-card{margin:.75rem 0 1rem;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.dashboard-demo .grammarian-wotd-preview{min-height:0}.dashboard-demo .grammarian-wotd-preview-word{font-size:2rem!important}.landing .context-menu.active{z-index:1400}.dashboard-demo .members-add-menu:not([hidden]){display:flex}.dashboard-demo .preference-grid-demo{display:flex;flex-direction:column;gap:0;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;background:rgba(11,15,25,.4)}.dashboard-demo .pref-row-demo{display:grid;grid-template-columns:1.4fr repeat(4,1fr);align-items:center;padding:.45rem .75rem;border-bottom:1px solid rgba(255,255,255,.04);font-size:.78rem}.dashboard-demo .pref-row-demo:last-child{border-bottom:0}.dashboard-demo .pref-row-demo.head{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-gray);background:rgba(14,20,35,.6)}.dashboard-demo .pref-row-demo .pref-role{font-weight:600}.dashboard-demo .pref-cell-demo{display:grid;place-items:center;background:0 0;border:0;cursor:pointer;padding:.3rem}.dashboard-demo .pref-radio{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:inline-block}.dashboard-demo .pref-radio.on-0{background:#4ecdc4;border-color:#4ecdc4;box-shadow:0 0 8px rgba(78,205,196,.45)}.dashboard-demo .pref-radio.on-1{background:#667eea;border-color:#667eea}.dashboard-demo .pref-radio.on-2{background:#ff9e9e;border-color:#ff6b6b}.dashboard-demo .pref-radio.on-3{background:#3c0f14;border-color:#ff6b6b}.dashboard-demo .avail-list-demo,.dashboard-demo .gram-list-demo,.dashboard-demo .request-list-demo,.dashboard-demo .role-mgmt-demo{display:flex;flex-direction:column;gap:.45rem}.dashboard-demo .avail-row-demo,.dashboard-demo .gram-row-demo,.dashboard-demo .request-card-demo,.dashboard-demo .role-mgmt-row{display:flex;justify-content:space-between;align-items:center;gap:.65rem;flex-wrap:wrap;padding:.7rem .85rem;border-radius:10px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);font-size:.82rem}.dashboard-demo .modal.demo-modal{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:40;display:none!important;align-items:center;justify-content:center;padding:.85rem;background:rgba(4,8,16,.72);backdrop-filter:blur(4px)}.dashboard-demo .modal.demo-modal.open{display:flex!important}.dashboard-demo .modal.demo-modal .modal-content{max-height:min(90%,620px);overflow:auto;width:min(720px,100%);margin:0}.dashboard-demo .demo-archive-list{display:flex;flex-direction:column;gap:.45rem}.dashboard-demo .demo-archive-card{border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.02);overflow:hidden}.dashboard-demo .demo-archive-card summary{padding:.75rem .9rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:.65rem;align-items:center}.dashboard-demo .demo-archive-card summary::-webkit-details-marker{display:none}.dashboard-demo .demo-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;background:rgba(255,255,255,.06)}.dashboard-demo .demo-archive-pair{padding:.55rem .65rem;background:rgba(11,15,25,.7);font-size:.72rem}.dashboard-demo .demo-archive-pair .role{color:var(--text-gray);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.dashboard-demo .paths-grid-demo{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.65rem}.demo-ctx-menu{z-index:1200;min-width:220px;padding:.35rem;background:linear-gradient(180deg,#131b2e,#0e1424);border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 20px 40px -16px rgba(0,0,0,.7);display:flex;flex-direction:column;gap:2px}.demo-ctx-menu button,.demo-toast{font-family:"Inter",sans-serif;font-size:.82rem}.demo-ctx-menu button{display:block;width:100%;text-align:left;padding:.6rem .7rem;border:0;border-radius:7px;background:0 0;color:var(--text-white, #fff);cursor:pointer}.demo-ctx-menu button:hover{background:rgba(255,107,107,.1)}.demo-ctx-menu button[disabled]{opacity:.45;cursor:not-allowed}.demo-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);z-index:1300;padding:.7rem 1rem;max-width:calc(100vw - 32px);background:linear-gradient(180deg,#131b2e,#0e1424);border:1px solid rgba(255,255,255,.12);border-left:3px solid #4ecdc4;border-radius:10px;color:#fff;box-shadow:0 24px 48px -16px rgba(0,0,0,.7);opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.demo-toast.show{opacity:1;transform:translate(-50%,0)}.dashboard-demo .members-add-trigger{display:inline-flex!important}