@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap";
@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/9ff27b8a0a8f3dc0-s.p.40_3w74kn95bo.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/a5b03b231ce290a0-s.0nlsxckj73qpt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/d41831e24743a3c1-s.08tn9snzkmifr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo Fallback;src:local(Arial);ascent-override:137.65%;descent-override:60.32%;line-gap-override:0.0%;size-adjust:94.66%}.cairo_cf95b243-module__HYtRda__className{font-family:Cairo,Cairo Fallback;font-style:normal}
:root{--bg-app:#f4f5f7;--bg-surface:#fff;--bg-surface-hover:#f9fafb;--red-primary:#e11d48;--red-hover:#be123c;--red-light:#ffe4e6;--red-glow:#e11d4833;--text-main:#111827;--text-muted:#6b7280;--text-light:#9ca3af;--border-light:#0000000d;--border-medium:#0000001a;--success:#10b981;--success-subtle:#dcfce7;--warning:#f59e0b;--warning-subtle:#fef9c3;--danger:#ef4444;--danger-subtle:#fee2e2;--info:#3b82f6;--info-subtle:#dbeafe;--violet:#8b5cf6;--violet-subtle:#ede9fe;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000006;--shadow-float:0 20px 25px -5px #0000000d, 0 10px 10px -5px #00000005;--shadow-nav:0 -4px 20px #0000000a;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.175, .885, .32, 1.275)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}body{background-color:var(--bg-app);color:var(--text-main);font-size:15px;line-height:1.6}body,input,textarea,select,button{font-family:Cairo,Inter,system-ui,sans-serif!important}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.dashboard-container{width:100%;min-height:100vh;display:flex}.dashboard-main{min-width:0;transition:var(--transition-normal);flex:1;margin-right:280px;padding:24px}@media (max-width:768px){.dashboard-main{margin-right:0;padding:16px 16px 130px}}.desktop-sidebar{background:var(--bg-surface);border-left:1px solid var(--border-light);z-index:40;flex-direction:column;width:280px;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;right:0}.sidebar-brand{align-items:center;gap:16px;padding:0 8px 32px;display:flex}.sidebar-brand-logo{border-radius:var(--r-md);width:48px;height:48px;box-shadow:var(--shadow-sm);background:#fff;padding:4px;overflow:hidden}.sidebar-brand-name{color:var(--text-main);font-size:1.25rem;font-weight:800}.sidebar-brand-role{color:var(--text-muted);font-size:.85rem;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.sidebar-link{border-radius:var(--r-md);color:var(--text-muted);transition:var(--transition-fast);align-items:center;gap:16px;padding:12px 16px;font-weight:600;display:flex}.sidebar-link:hover{background:var(--bg-surface-hover);color:var(--text-main)}.sidebar-link.active{background:var(--red-light);color:var(--red-primary)}.sidebar-bottom{border-top:1px solid var(--border-light);margin-top:auto;padding-top:16px}.sidebar-signout{border-radius:var(--r-md);color:var(--text-muted);width:100%;transition:var(--transition-fast);align-items:center;gap:16px;padding:12px 16px;font-weight:600;display:flex}.sidebar-signout:hover{color:#ef4444;background:#fee2e2}@media (max-width:768px){.desktop-sidebar{display:none}}.mobile-bottom-nav{background:var(--bg-surface);border:1px solid var(--border-light);z-index:50;border-radius:30px;justify-content:space-around;align-items:center;height:64px;padding:0 12px;display:none;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 8px 24px #0000001a}@media (max-width:768px){.mobile-bottom-nav{display:flex}}.mobile-nav-item{color:var(--text-light);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:56px;padding:8px 16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.mobile-nav-item span{font-size:.65rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.mobile-nav-item.active{color:var(--red-primary);background:var(--red-light)}.mobile-nav-item.active svg{transform:translateY(-2px)scale(1.15)}.mobile-nav-item.active span{transform:translateY(-1px)}.mobile-nav-home-btn{background:var(--red-primary);color:#fff;border:4px solid var(--bg-app);width:68px;height:68px;transition:var(--transition-spring);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;transform:translateY(-16px)}.mobile-nav-home-btn:active{transform:translateY(-16px)scale(.95)}.card{background:var(--bg-surface);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition-normal);padding:24px}.card:hover{box-shadow:var(--shadow-md)}.btn{border-radius:var(--r-full);transition:var(--transition-normal);cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--red-primary);color:#fff;box-shadow:0 4px 12px var(--red-glow)}.btn-primary:hover{background:var(--red-hover);transform:translateY(-1px);box-shadow:0 6px 16px #e11d484d}.btn-outline{color:var(--text-main);border:1px solid var(--border-medium);background:0 0}.btn-outline:hover{background:var(--bg-surface-hover);border-color:var(--text-main)}.btn-info{background:var(--info);color:#fff;box-shadow:0 4px 12px #3b82f640}.btn-info:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 16px #3b82f659}.btn-secondary{background:var(--bg-app);color:var(--text-main);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--border-light)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 12px #ef444440}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #ef444459}.btn-icon{border-radius:var(--r-md);width:32px;height:32px;color:var(--text-muted);transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--bg-app);color:var(--text-main)}.btn-icon.danger{color:var(--danger);background:0 0}.btn-icon.danger:hover{background:var(--danger-subtle);color:var(--danger)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--bg-surface);border-radius:var(--r-xl);width:100%;max-width:500px;box-shadow:var(--shadow-float);flex-direction:column;max-height:90vh;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-header h2{margin:0;font-size:1.15rem;font-weight:800}.modal-body{padding:16px;overflow-y:auto}.modal-footer{background:var(--bg-app);border-top:1px solid var(--border-light);border-radius:0 0 var(--r-xl) var(--r-xl);gap:12px;margin:16px -16px -16px;padding:12px 16px;display:flex}.modal-footer .btn{flex:1}.input-group{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.input-label{color:var(--text-main);font-size:.85rem;font-weight:600}.alert-banner{border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:var(--bg-surface);border:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.alert-banner-red{background:var(--red-light);border-color:#e11d481a}input,select,textarea{border-radius:var(--r-lg);border:1px solid var(--border-medium);background:var(--bg-surface);width:100%;color:var(--text-main);transition:var(--transition-normal);padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:500;box-shadow:inset 0 2px 4px #00000005}input::placeholder,textarea::placeholder{color:var(--text-light);font-weight:400}input:hover,select:hover,textarea:hover{border-color:#0003}input:focus,select:focus,textarea:focus{border-color:var(--red-primary);box-shadow:0 0 0 4px var(--red-glow), inset 0 1px 2px #00000005;background:var(--bg-surface);outline:none}select{appearance:none;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236b7280%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-position:14px;background-repeat:no-repeat;background-size:16px;padding-left:40px}.table-container{background:var(--bg-surface);border-radius:var(--r-lg);border:1px solid var(--border-medium);width:100%;box-shadow:var(--shadow-soft);overflow-x:auto}.show-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.show-card{background:var(--bg-surface);border-radius:var(--r-xl);border:1px solid var(--border-medium);transition:var(--transition-normal);flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:relative;overflow:hidden}.show-card:hover{border-color:var(--card-accent,var(--border-medium));transform:translateY(-4px);box-shadow:0 12px 24px #0000000d}.show-card:before{content:"";background:var(--card-accent,var(--red-primary));opacity:.9;height:4px;position:absolute;top:0;left:0;right:0}.tab-bar{border-bottom:1px solid var(--border-light);-ms-overflow-style:none;scrollbar-width:none;gap:32px;margin-bottom:20px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-item{color:var(--text-secondary);white-space:nowrap;transition:var(--transition-fast);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 4px;font-size:.95rem;font-weight:700;display:flex}.tab-item:hover{color:var(--text-primary)}.tab-item.active{color:var(--red-primary);border-bottom-color:var(--red-primary);background:0 0}.tab-count{background:var(--bg-app);border-radius:100px;padding:2px 8px;font-size:.75rem;font-weight:800}.tab-item.active .tab-count{background:var(--red-light);color:var(--red-primary)}table{border-collapse:collapse;width:100%}th{text-align:right;color:var(--text-muted);border-bottom:1px solid var(--border-light);background:var(--bg-app);padding:16px;font-size:.85rem}td{border-bottom:1px solid var(--border-light);color:var(--text-main);padding:16px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-app)}.badge{border-radius:var(--r-full);align-items:center;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#854d0e;background:#fef9c3}.badge-danger{color:#991b1b;background:#fee2e2}.badge-info{color:#1e40af;background:#dbeafe}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-back{color:var(--text-muted);transition:var(--transition-fast);align-items:center;gap:4px;margin-bottom:8px;font-size:.85rem;display:inline-flex}.page-back:hover{color:var(--red-primary)}.page-title{color:var(--text-main);font-size:1.75rem;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:.95rem}.page-actions{align-items:center;gap:12px;display:flex}@media (max-width:768px){.page-header{flex-direction:column;align-items:stretch}.page-actions{width:100%}.page-actions .btn{white-space:nowrap;flex:1;padding:12px 8px;font-size:.85rem}}.stat-card{background:var(--card-bg,var(--bg-surface));color:var(--card-text,var(--text-main));border-radius:var(--r-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition-normal);padding:24px}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}@media (max-width:768px){.stat-card-header{flex-direction:row-reverse}}.stat-card-label{color:inherit;opacity:.9;font-size:.9rem;font-weight:600}.stat-card-value{color:inherit;font-size:2rem;font-weight:800;line-height:1.2}.stat-card-icon{border-radius:var(--r-md);background:var(--icon-bg,var(--bg-app));width:40px;height:40px;color:var(--icon-color,var(--text-main));justify-content:center;align-items:center;display:flex}.stat-card-sub{color:inherit;opacity:.8;font-size:.85rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}@media (max-width:768px){.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stats-grid>:last-child:nth-child(odd){grid-column:1/-1}}.card-grid-300{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.data-row{border-bottom:1px solid var(--border-medium);border-radius:var(--r-sm);transition:var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 8px;display:flex}.data-row:last-child{border-bottom:none}.data-row:hover{background:var(--bg-surface-hover)}.data-row--compact{padding:8px}.rehearsal-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);transition:var(--transition-normal);flex-direction:column;gap:12px;padding:18px 20px;display:flex}.rehearsal-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium);transform:translateY(-2px)}.rehearsal-date-display{align-items:center;gap:16px;display:flex}.rehearsal-date-block{background:var(--bg-app);border-radius:var(--r-md);border:1px solid var(--border-medium);flex-direction:column;justify-content:center;align-items:center;min-width:60px;padding:8px 12px;display:flex}.rehearsal-date-day{color:var(--text-primary);font-size:1.3rem;font-weight:800;line-height:1}.rehearsal-date-month{color:var(--text-muted);margin-top:4px;font-size:.75rem;font-weight:600}.info-box{background:var(--bg-app);border:1px dashed var(--border-medium);border-radius:var(--r-md);text-align:center;color:var(--text-muted);padding:20px;font-size:.9rem}.empty-state{text-align:center;background:var(--bg-surface);border:1px dashed var(--border-medium);border-radius:var(--r-md);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-icon-wrap{background:var(--bg-app);width:64px;height:64px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty-state h3{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem;font-weight:700}.empty-state p{max-width:400px;margin:0 auto;font-size:.9rem}.empty-state-action{justify-content:center;margin-top:24px;display:flex}.section-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.section-title{color:var(--text-main);align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:700;display:flex}.progress-bar-wrap{background:var(--bg-app);border-radius:var(--r-full);height:8px;overflow:hidden}.progress-bar-fill{border-radius:var(--r-full);height:100%;transition:width var(--transition-spring)}.gradient-text{background:linear-gradient(135deg, var(--red-primary) 0%, var(--red-hover) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.mobile-top-bar{display:none}@media (max-width:768px){.mobile-top-bar{background:var(--red-primary);color:#fff;box-shadow:0 4px 12px var(--red-glow);z-index:45;border-radius:0 0 50% 50%/0 0 24px 24px;justify-content:space-between;align-items:center;margin:-16px -16px 20px;padding:16px 20px 24px;display:flex;position:sticky;top:0}.mobile-top-bar-brand{align-items:center;gap:12px;display:flex}.mobile-top-bar-logo{background:#fff;border-radius:50%;width:36px;height:36px;padding:4px;box-shadow:0 2px 4px #0000001a}.mobile-top-bar-title{letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.mobile-top-bar-user{opacity:.9;font-size:.85rem;font-weight:600}}.members-grid{flex-direction:column;gap:12px;display:flex}.member-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--r-lg);transition:var(--transition-normal);align-items:center;gap:16px;padding:16px;display:flex}.member-card:hover{background:var(--bg-surface-hover);border-color:var(--border-medium)}.member-avatar{background:var(--bg-app);width:48px;height:48px;color:var(--text-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.member-info{flex-direction:column;flex:1;min-width:0;display:flex}.member-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.member-username{color:var(--text-muted);margin-top:2px;font-size:.8rem}.member-stats{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.member-stat-chip{background:var(--bg-app);border-radius:var(--r-full);color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.member-actions{border-right:1px solid var(--border-light);align-items:center;gap:8px;margin-right:8px;padding-right:12px;display:flex}@media (max-width:768px){.member-card{flex-wrap:wrap}.member-stats{border-top:1px dashed var(--border-light);order:3;width:100%;padding-top:12px}.member-actions{border-right:none;margin-right:auto;padding-right:0}}.glass-panel{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-xl);background:#ffffffbf;border:1px solid #fff9;box-shadow:0 10px 30px #0000000d}.premium-card{background:var(--bg-surface);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.premium-card:hover{border-color:#e11d4833;transform:translateY(-4px);box-shadow:0 20px 40px #00000014}.premium-card:before{content:"";background:linear-gradient(90deg, var(--red-primary), #f43f5e);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.premium-card:hover:before{opacity:1}