body.portal{color:#fff;background-position:50%;background-size:cover;background-attachment:fixed;margin:0;padding:0;font-family:Arial,sans-serif}main{text-align:center;background:#0009;border-radius:10px;max-width:900px;margin:2rem auto;padding:2rem;box-shadow:0 4px 8px #00000080}button,.cta{color:#fff;cursor:pointer;background:#272927;border:none;border-radius:5px;padding:5px 10px}button:hover,.cta:hover{background:#006400}.app-container{background-color:#151517;min-height:100vh;font-family:Arial,sans-serif;display:flex}.sidebar{color:#fff;box-sizing:border-box;background-color:#1b1b1b;flex-shrink:0;width:240px;height:100vh;padding:20px;transition:transform .25s;overflow-y:auto}.sidebar a{color:#fff;border-radius:4px;margin-bottom:6px;padding:10px 12px;text-decoration:none;display:block}.sidebar a.active,.sidebar a:hover{background-color:#13ad2d}@media (max-width:768px){.sidebar{z-index:1000;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close{color:#fff;background:0 0;border:none;margin-bottom:1rem;font-size:1.5rem;display:block}.sidebar-overlay{z-index:900;background:#00000080;position:fixed;inset:0}.hamburger{z-index:1100;cursor:pointer;color:#fff;font-size:1.8rem;display:block;position:fixed;top:15px;left:15px}}@media (min-width:769px){.menu-button{display:none}}@media (max-width:768px){.menu-button{z-index:1100;cursor:pointer;color:#fff;font-size:1.8rem;display:block;position:fixed;top:15px;left:15px}}.main{background-color:#f5f5f5;flex:1;padding:20px}.topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.topbar-actions button{margin-left:10px}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.card{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 6px #0000001a}.card h3{margin-bottom:10px}button.primary{color:#fff;background-color:#4caf50;border:none;border-radius:4px;padding:8px 12px}.sidebar-form-overlay{z-index:999;background-color:#00000080;justify-content:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}@media (max-width:480px){.sidebar-form{border-radius:0;width:100%;padding:12px}.form-actions{flex-direction:column;gap:8px}.close-btn{width:28px;height:28px;font-size:16px}}.sidebar-form{background:#fff;border-radius:10px;flex-direction:column;gap:1rem;width:480px;max-height:90vh;margin-bottom:20px;padding:24px;display:flex;position:relative;overflow-y:auto;box-shadow:0 4px 14px #00000040}.form-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.close-btn{text-align:center;color:#000;cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;width:30px;height:30px;font-size:18px;line-height:10px;transition:background .2s,transform .2s}.close-btn:hover{color:#fff;background:#9f9f9f;transform:scale(1.05)}.sidebar-form-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0;overflow:auto}.sidebar-form.team-form{box-sizing:border-box;background:#fff;border-radius:8px;width:500px;max-height:90vh;padding:20px;overflow-y:auto}.team-form textarea{flex-shrink:0}.members-container{flex-direction:column;gap:10px;max-height:500px;display:flex}.available-members-scroll{border:1px solid #ddd;max-height:250px;margin-bottom:10px;padding:5px;overflow-y:auto}.selected-members{border-top:1px solid #ddd;flex-wrap:wrap;gap:5px;padding-top:10px;display:flex}.sidebar-form h2,.sidebar-form h3{color:#222;margin:0 0 .5rem}.sidebar-form label{margin-bottom:.25rem;font-weight:600;display:block}.sidebar-form input,.sidebar-form select,.sidebar-form textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;padding:8px 10px;font-size:1rem}.sidebar-form textarea{resize:vertical;min-height:120px}.song-input{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.band-members-checkboxes label{align-items:center;margin-bottom:6px;margin-right:10px;display:inline-flex}.song-bubble{cursor:pointer;background-color:#0000;border-radius:6px;flex:1;padding:4px 8px;transition:all .2s}.song-bubble:hover{background-color:#ffffff0d}.form-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.band-members-select label{cursor:pointer;align-items:center;margin-bottom:5px;display:flex}.band-members-select input[type=checkbox]{margin-top:0;margin-right:8px}.song-catalog{flex-wrap:wrap;gap:12px;display:flex}.song-card{text-align:center;border:1px solid #ddd;border-radius:8px;width:150px;padding:8px}.song-image{object-fit:cover;border-radius:4px;width:100%;height:100px}.song-info{margin-top:6px}.song-name{font-weight:700}.upcoming-show{border-bottom:1px solid #ccc;padding:10px 0}.upcoming-show:last-child{border-bottom:none}.upcoming-show h4{margin:0 0 5px}.upcoming-show p{margin:2px 0}.setlist{margin:5px 0;padding-left:20px}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:80%;height:80%;padding:20px;overflow-y:auto;box-shadow:0 5px 20px #0000004d}.modal-header{justify-content:space-between;align-items:center;display:flex}.song-btn{text-align:left;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;width:100%;margin:6px 0;padding:12px;font-size:16px;transition:background .2s;display:block}.song-btn:hover{background:#eaeaea}.song-grid,.member-grid{flex-wrap:wrap;gap:10px;max-height:200px;display:flex;overflow-y:auto}.song-name,.member-name{font-weight:700}.song-artist{color:#555;font-size:.85em}.song-key{color:#777;font-size:.8em}.add-card{background-color:#d4f0d4;border:2px dashed #6cb46c;justify-content:center;align-items:center}.add-symbol{margin-bottom:4px;font-size:1.5em;font-weight:700}.song-chip,.member-chip{text-align:center;cursor:pointer;background-color:#f0f0f0;border-radius:20px;flex-direction:column;align-items:center;min-width:100px;padding:8px 12px;transition:background-color .2s;display:flex}.song-chip:hover,.member-chip:hover{background-color:#d4edff}.delete-btn{color:#ff4d4f;cursor:pointer;background:0 0;border:none;font-weight:700;position:absolute;top:4px;right:4px}.song-chip,.member-chip{position:relative}.setlist-viewer-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.setlist-viewer{color:#fff;background:#1c1c1c;border-radius:12px;flex-direction:column;width:95%;height:90%;padding:20px;display:flex;overflow:hidden}.song-content{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;padding:10px 20px;display:flex;overflow-y:auto}.song-header h2{color:#fff;text-align:center;box-sizing:border-box;background:0 0;border-radius:12px;width:100%;margin-bottom:15px;padding:10px 20px;font-size:1.8rem}.chord-display{color:#fff;background:#111;border:2px solid #32cd32;border-radius:12px;width:100%;max-height:70vh;padding:20px;font-family:monospace;font-size:1.2rem;overflow-y:auto}.tab-buttons{border-bottom:1px solid #333;margin-bottom:10px;display:flex}.tab-buttons button{cursor:pointer;color:#ccc;background:0 0;border:none;margin-right:8px;padding:10px 18px;font-weight:600;transition:color .2s,border-bottom .2s}.tab-buttons button.active{color:#32cd32;border-bottom:2px solid #32cd32}.tab-buttons button:hover{color:#32cd32}.tab-content{box-sizing:border-box;flex:1;max-width:100%;padding:15px;overflow:hidden auto}.setlist-bubbles{flex-direction:column;gap:15px;width:100%;display:flex}.setlist-header{text-align:center;color:#fff;margin-bottom:15px}.setlist-header h2{margin-bottom:5px;font-size:1.8rem}.setlist-header p{color:#b0ff8f;margin:0;font-size:1rem}.song-bubble-wrapper{flex-direction:column;align-items:center;gap:5px;display:flex}.song-bubble{color:#fff;text-align:center;background:#222;border-radius:25px;width:90%;padding:12px 20px;font-size:1.1rem;transition:background .2s,transform .2s}.song-bubble:hover{background:#333;transform:scale(1.02)}.autoplay-bubble{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;font-weight:700;display:flex}.autoplay-on{background-color:#32cd32}.autoplay-off{background-color:#ff4c4c}.song-viewer{box-sizing:border-box;justify-content:space-between;align-items:flex-start;width:100%;height:100%;padding:0;display:flex}div:hover .guide-volume-slider{display:flex}.nav-arrow-container{flex-direction:column;align-items:center;width:80px;display:flex}.nav-arrow{cursor:pointer;font-size:2rem}.adjacent-song-name{color:#ccc;text-align:center;min-height:1.2em;margin-top:5px;font-size:.9rem}.song-content{text-align:center;flex:1;margin:0 20px}@media (max-width:600px){.nav-arrow{min-width:50px;font-size:1.6rem}.adjacent-song-name{max-width:60px;font-size:.75rem}.song-content{padding:0 10px}}.nav-arrow:hover{transform:scale(1.2)}.song-content{text-align:center;color:#fff;flex:1;padding:0 20px;font-size:1.1rem;line-height:1.6;overflow-y:auto}.fc{background-color:#fff;border-radius:8px;padding:10px;box-shadow:0 2px 6px #0000001a}.fc .fc-button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:6px;padding:4px 10px;font-weight:700;transition:background-color .2s}.fc .fc-button:hover{background-color:#3b983f}.fc .fc-button:active,.fc .fc-button.fc-button-active{background-color:#3b8e3f}.fc .fc-button:disabled{opacity:.5;cursor:not-allowed}.fc .fc-toolbar-title{color:#434343;font-weight:700}.upload-button{color:#fff;cursor:pointer;text-align:center;background-color:#4caf50;border-radius:6px;margin-bottom:12px;padding:8px 16px;font-weight:700;transition:background .2s;display:inline-block}.upload-button:hover{background-color:#45a049}.file-display{color:#333;margin-top:4px;font-size:.9rem}.song-builder-container{color:#f0f0f0;background-color:#121212;min-height:50vh;padding:1rem;font-family:Segoe UI,sans-serif}.song-builder-container .App{background-color:#171717;border-radius:10px;max-width:100%;min-height:100vh;margin:1rem auto;padding:1.5rem;box-shadow:0 0 10px #000000b3}.song-builder-container h1{margin-bottom:1.5rem;font-size:1.8rem}.song-builder-container .form-group{margin:2rem auto 1rem}.song-builder-container label{margin-bottom:.4rem;font-weight:700;display:block}.song-builder-container input{color:#fff;background-color:#2a2a2a;border:none;border-radius:5px;width:100%;padding:.7rem;font-size:1rem}.song-builder-container .drop-zone{text-align:center;color:#ccc;background-color:#2a2a2a;border:2px dashed #888;border-radius:10px;margin-bottom:1.5rem;padding:2rem}.song-builder-container .navigation{justify-content:flex-end;gap:10px;display:flex}.song-builder-container button{color:#212020;cursor:pointer;background-color:#17c500;border:none;border-radius:5px;padding:.7rem 1.2rem;font-size:1rem}.song-builder-container button:hover{background-color:#00a894}.song-builder-container .timeline{background-color:#1a1818;width:100%;height:100px;margin-bottom:20px;position:relative}.song-builder-container .timeline div{background-color:#000}.song-builder-container .timeline span{color:#000;font-size:14px;position:absolute;top:45px;left:-15px}.song-builder-container .play-button:hover{background-color:#45a049;transition:background-color .2s}.song-builder-container .play-button:active{transition:transform .1s;transform:scale(.95)}.songbuilder-intro{text-align:center;color:#f0f0f0;flex-direction:column;justify-content:center;align-items:center;height:50vh;display:flex}.songbuilder-intro h1{margin-bottom:1rem;font-size:2rem}.songbuilder-intro p{color:#ccc;max-width:500px;margin-bottom:2rem}.songbuilder-intro button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;transition:background-color .3s}.songbuilder-intro button:hover{background-color:#45a049}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main{transition:margin-left .3s}@media (max-width:767px){.main{margin-left:0!important}}@media (max-width:1099px){.dashboard-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:767px){.dashboard-grid>div{padding:0 8px;grid-column:span 12!important}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:767px){.dashboard-grid{grid-template-columns:1fr;gap:2px}.dashboard-grid>div{grid-column:span 1!important;min-height:auto!important}}.card{box-sizing:border-box}@media (max-width:767px){.card{width:100%!important;padding:12px!important}.songs-container{white-space:nowrap;-webkit-overflow-scrolling:touch;overflow-x:auto}.songs-container>div{width:80%;margin-right:12px;display:inline-block}}.upcoming-show-divider{background:#ffffff14;height:1px;margin:6px 0}.upcoming-show-actions{gap:8px;display:flex}@media (min-width:768px) and (max-width:1099px){.upcoming-show-actions{flex-direction:column;align-items:flex-end;gap:6px}}@media (max-width:767px){.upcoming-show-actions{flex-direction:column;align-items:stretch}}.band-members-row{flex-wrap:wrap;display:flex}@media (max-width:767px){.band-members-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:8px;overflow:auto hidden}.band-members-row>div{flex:none}}@media (max-width:360px){.fc{width:100%}}.dashboard-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(100px,auto);gap:20px;display:grid}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr;gap:16px}.dashboard-grid>div{grid-column:span 1!important;min-height:auto!important}}@media (max-width:1100px){.dashboard-cards,.dashboard-grid,.main>div{flex-direction:column!important;display:flex!important}.fc{width:100%!important}}html,body{max-width:100%;overflow-x:hidden}.main,.dashboard-grid,.dashboard-cards,.card,.fc{box-sizing:border-box;min-width:0;max-width:100%}@media (max-width:420px){.main,.dashboard-grid,.dashboard-cards,.card,.fc,.fc-view-harness,.fc-scroller{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}}html,body{width:100%;overflow-x:hidden}.fc{width:100%!important}.sidebar{background:#111;width:240px;height:100vh}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}.form-group{margin:2rem auto 1rem}label{margin-bottom:.4rem;font-weight:700;display:block}input{color:#fff;background-color:#2a2a2a;border:none;border-radius:5px;width:100%;padding:.7rem;font-size:1rem}.drop-zone{text-align:center;color:#ccc;background-color:#2a2a2a;border:2px dashed #888;border-radius:10px;margin-bottom:1.5rem;padding:2rem}.navigation{justify-content:flex-end;gap:10px;display:flex}.timeline{background-color:#1a1818;width:100%;height:100px;margin-bottom:20px;position:relative}.timeline div{background-color:#000}.timeline span{color:#000;font-size:14px;position:absolute;top:45px;left:-15px}button{cursor:pointer}.play-button:hover{background-color:#45a049;transition:background-color .2s}.play-button:active{transition:transform .1s;transform:scale(.95)}