code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%}:root{--bg:#f8f9fa;--card:#fff;--accent:#3b82f6;--accent-hover:#2563eb;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--success:#10b981;--danger:#ef4444;--shadow:0 4px 24px 0 #00000014;--shadow-hover:0 8px 32px 0 #0000001f;--radius:12px}*{box-sizing:border-box}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--bg);color:#1f2937;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App,body{min-height:100vh}.App,.sidebar{display:flex}.sidebar{background:#fff;background:var(--card);border-right:1px solid #e5e7eb;border-right:1px solid var(--border);box-shadow:2px 0 8px 0 #0000000d;flex-direction:column;gap:32px;overflow-y:auto;padding:32px 20px 20px;width:280px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#3b82f6;background:var(--accent);border-radius:3px}.brand{color:#3b82f6;color:var(--accent);font-size:1.5em;font-weight:700;letter-spacing:.5px;margin-bottom:12px}.nav{display:flex;flex-direction:column;gap:8px}.nav-btn{align-items:center;background:none;border:none;border-radius:12px;border-radius:var(--radius);color:#1f2937;color:var(--text);cursor:pointer;display:flex;font-size:1em;font-weight:500;gap:12px;padding:12px 18px;text-align:left;transition:all .2s ease}.nav-btn:hover{background:#f0f4f8;color:#3b82f6;color:var(--accent)}.nav-btn.active{background:#3b82f6;background:var(--accent);box-shadow:0 2px 8px 0 #3b82f633;color:#fff}.nav-group{margin-top:24px}.nav-group-title{color:#6b7280;color:var(--muted);font-size:.85em;font-weight:700;letter-spacing:.5px;margin-bottom:12px;margin-left:8px;text-transform:uppercase}.main{background:#f8f9fa;background:var(--bg);flex:1 1;min-height:100vh;overflow-y:auto;padding:36px 32px 32px}.page{display:none;margin:0 auto;max-width:1200px}.page.active{animation:fadeIn .3s ease-in;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page h1{color:#1f2937;color:var(--text);font-size:2.2em;font-weight:700;margin:0 0 32px}.card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 24px 0 #00000014;box-shadow:var(--shadow);margin-bottom:28px;padding:24px 28px;transition:all .2s ease}.card:hover{box-shadow:0 8px 32px 0 #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card h2{color:#1f2937;color:var(--text);font-size:1.3em;font-weight:700;margin:0 0 16px}.card h3{color:#3b82f6;color:var(--accent);font-size:1.1em;font-weight:600;margin:0 0 12px}.card ul{list-style:none;margin:0;padding:0}.card ul li{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#1f2937;color:var(--text);font-size:.95em;line-height:1.6;padding:10px 0}.card ul li:last-child{border-bottom:none}.expandable-section{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 8px 0 #0000000a;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.expandable-section:hover{border-color:#3b82f6;border-color:var(--accent);box-shadow:0 4px 16px 0 #00000014}.expandable-header{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #e5e7eb;border:1px solid var(--border);border-bottom:none;border-radius:12px 12px 0 0;border-radius:var(--radius) var(--radius) 0 0;color:#1f2937;color:var(--text);cursor:pointer;display:flex;font-size:1.05em;font-weight:700;justify-content:space-between;letter-spacing:.3px;padding:18px 20px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.expandable-header:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#3b82f6;color:var(--accent);padding-left:24px}.expandable-header.expanded{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--accent) 0,#2563eb 100%);border-color:#3b82f6;border-color:var(--accent);box-shadow:0 4px 12px 0 #3b82f633;color:#fff}.expandable-header.expanded:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.expandable-toggle{align-items:center;color:inherit;display:inline-flex;font-size:.9em;height:24px;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);width:24px}.expandable-header.expanded .expandable-toggle{transform:rotate(180deg)}.expandable-content{background:#fff;background:var(--card);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s ease}.expandable-content.expanded{border-bottom-left-radius:12px;border-bottom-left-radius:var(--radius);border-bottom-right-radius:12px;border-bottom-right-radius:var(--radius);max-height:2000px;padding:24px}.chapter-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.chapter-item{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;box-shadow:0 1px 4px 0 #0000000a;display:flex;justify-content:space-between;margin:0;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.chapter-item:hover{background:linear-gradient(135deg,#f0f4f8,#e5e7eb);border-color:#3b82f6;border-color:var(--accent);box-shadow:0 4px 12px 0 #3b82f61f;transform:translateX(6px) translateY(-2px)}.chapter-name{color:#1f2937;color:var(--text);flex:1 1;font-size:.98em;font-weight:600;letter-spacing:.2px;line-height:1.4}.chapter-meta{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--accent) 0,#2563eb 100%);border-radius:6px;box-shadow:0 2px 6px 0 #3b82f633;color:#fff;font-size:.8em;font-weight:700;letter-spacing:.4px;margin-left:12px;padding:6px 14px;text-transform:uppercase;white-space:nowrap}.dropdown{display:inline-block;margin-bottom:16px;position:relative;width:100%}.dropdown-trigger{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);color:#1f2937;color:var(--text);cursor:pointer;display:flex;font-size:1em;font-weight:500;justify-content:space-between;padding:12px 16px;transition:all .2s ease;width:100%}.dropdown-trigger.active,.dropdown-trigger:hover{border-color:#3b82f6;border-color:var(--accent);color:#3b82f6;color:var(--accent)}.dropdown-trigger.active{background:#f0f4f8}.dropdown-arrow{align-items:center;color:inherit;display:inline-flex;height:20px;justify-content:center;transition:transform .3s ease;width:20px}.dropdown-trigger.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:0 0 12px 12px;border-radius:0 0 var(--radius) var(--radius);border-top:none;box-shadow:0 4px 12px 0 #00000014;left:0;max-height:0;overflow:hidden;position:absolute;right:0;top:100%;transition:max-height .3s ease;z-index:10}.dropdown-menu.expanded{max-height:400px}.dropdown-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#1f2937;color:var(--text);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.dropdown-item:last-child{border-bottom:none;border-radius:0 0 12px 12px;border-radius:0 0 var(--radius) var(--radius)}.dropdown-item:hover{background:#f0f4f8;color:#3b82f6;color:var(--accent);padding-left:20px}.planner-table{border-collapse:initial;border-spacing:0;margin-top:8px;width:100%}.planner-table thead{background:#f3f4f6}.planner-table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border);font-weight:700;text-align:left}.planner-table td,.planner-table th{color:#1f2937;color:var(--text);font-size:.95em;padding:14px 16px}.planner-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border)}.planner-table tbody tr:hover{background:#f9fafb}.yts-table{border-collapse:initial;border-spacing:0;margin-top:8px;width:100%}.yts-table thead{background:linear-gradient(135deg,#3b82f6,#2563eb)}.yts-table th{border-bottom:3px solid #3b82f6;border-bottom:3px solid var(--accent);color:#fff;font-size:.95em;font-weight:700;letter-spacing:.5px;padding:18px 16px;text-align:left;text-transform:uppercase}.yts-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#1f2937;color:var(--text);font-size:.95em;padding:16px}.yts-sno{color:#3b82f6;color:var(--accent);font-size:1.1em;font-weight:700;text-align:center;width:60px}.yts-song{color:#1f2937;color:var(--text);font-weight:600;min-width:180px}.yts-status{text-align:center;width:140px}.yts-table tbody tr{border-left:4px solid #0000;transition:all .3s ease}.yts-table tbody tr:hover{background:#f0f4f8;border-left-color:#3b82f6;border-left-color:var(--accent);box-shadow:0 2px 8px 0 #3b82f61a;transform:translateX(4px)}.status-badge{border-radius:8px;display:inline-block;font-size:.85em;font-weight:700;letter-spacing:.5px;padding:8px 14px;text-transform:uppercase;transition:all .2s ease}.status-yes{background:#d1fae5;border:1.5px solid #6ee7b7;color:#065f46}.status-no{background:#fee2e2;border:1.5px solid #fca5a5;color:#7f1d1d}.status-uploaded{background:#dbeafe;border:1.5px solid #93c5fd;color:#0c2d6b}.status-pending{background:#fef3c7;border:1.5px solid #fcd34d;color:#78350f}.status-badge:hover{box-shadow:0 2px 8px 0 #0000001f;transform:scale(1.08)}.primary-btn{background:#3b82f6;background:var(--accent);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 8px 0 #3b82f633;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:10px 22px;transition:all .2s ease}.primary-btn:hover{background:#2563eb;background:var(--accent-hover);box-shadow:0 4px 12px 0 #3b82f64d;transform:translateY(-2px)}.stat-box{text-align:center}.stat-number{color:#3b82f6;color:var(--accent);font-size:2.2em;font-weight:700;margin-bottom:8px}.stat-label{color:#6b7280;color:var(--muted);font-size:.95em;font-weight:500}@media (max-width:900px){.main,.sidebar{padding:18px 4px}.sidebar{width:80px}.brand{font-size:1.2em;text-align:center}.nav-btn span{display:none}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:600px){.sidebar{display:none}.main{padding:16px 8px}.page h1{font-size:1.8em}}
/*# sourceMappingURL=main.294fc1da.css.map*/