@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600&display=swap);:root{--bg-base:#0d0d0f;--bg-surface:#16161a;--bg-elevated:#1e1e24;--bg-hover:#26262e;--accent:#c8a84b;--accent-dim:rgba(200,168,75,.15);--accent-hover:#dfc06a;--text-primary:#f0ede8;--text-secondary:#8a8794;--text-muted:#4a4858;--border:hsla(0,0%,100%,.07);--border-accent:rgba(200,168,75,.35);--danger:#c0392b;--danger-hover:#e74c3c;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-display:"Bebas Neue",sans-serif;--font-body:"DM Sans",sans-serif;--shadow-card:0 4px 24px rgba(0,0,0,.5);--shadow-glow:0 0 20px rgba(200,168,75,.12)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#b0b2af;color:#f0ede8;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body);line-height:1.6;min-height:100vh}#bg-canvas{display:block;height:100%;inset:0;position:fixed;width:100%;z-index:-1}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16161a;background:var(--bg-surface);border-bottom:1px solid hsla(0,0%,100%,.07);border-bottom:1px solid var(--border);height:70px;justify-content:space-between;padding:0 2.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:.8rem}.guitar-logo{-webkit-filter:drop-shadow(0 0 6px #f0ede8);filter:drop-shadow(0 0 6px #f0ede8);-webkit-filter:drop-shadow(0 0 6px var(--text-primary));filter:drop-shadow(0 0 6px var(--text-primary));height:42px;object-fit:contain;width:42px}.navbar-title{color:#c8a84b;color:var(--accent);font-family:Bebas Neue,sans-serif;font-family:var(--font-display);font-size:1.8rem;letter-spacing:2px}.navbar-actions{align-items:center;display:flex;gap:1rem}.login-area,.navbar-actions{position:relative}.login-dropdown{-webkit-animation:dropIn .2s ease;animation:dropIn .2s ease;background:#1e1e24;background:var(--bg-elevated);border:1px solid rgba(200,168,75,.35);border:1px solid var(--border-accent);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 24px rgba(0,0,0,.5),0 0 20px rgba(200,168,75,.12);box-shadow:var(--shadow-card),var(--shadow-glow);padding:1.5rem;position:absolute;right:0;top:calc(100% + 14px);width:300px;z-index:200}@-webkit-keyframes dropIn{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dropIn{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.82rem;font-weight:600;gap:.4em;justify-content:center;letter-spacing:.06em;padding:.5em 1.2em;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.btn-primary{background:#c8a84b;background:var(--accent);color:#0d0d0f}.btn-primary:hover{background:#dfc06a;background:var(--accent-hover);box-shadow:0 0 12px rgba(200,168,75,.4)}.btn-outline{background:transparent;border:1px solid hsla(0,0%,100%,.07);border:1px solid var(--border);color:#8a8794;color:var(--text-secondary)}.btn-outline:hover{background:rgba(200,168,75,.15);background:var(--accent-dim);border-color:#c8a84b;border-color:var(--accent);color:#c8a84b;color:var(--accent)}.btn-danger{background:transparent;border:1px solid rgba(192,57,43,.4);color:#c0392b;color:var(--danger)}.btn-danger:hover{background:rgba(192,57,43,.15);border-color:#e74c3c;border-color:var(--danger-hover);color:#e74c3c;color:var(--danger-hover)}.btn-sm{font-size:.75rem;padding:.3em .8em}.btn-full{margin-top:.5rem;width:100%}.input-group{display:flex;flex-direction:column;gap:.35rem}.input-group label{color:#8a8794;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}input{background:#0d0d0f;background:var(--bg-base);border:1px solid hsla(0,0%,100%,.07);border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#f0ede8;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.9rem;outline:none;padding:.55em .85em;transition:border-color .2s,box-shadow .2s;width:100%}input::-webkit-input-placeholder{color:#4a4858;color:var(--text-muted)}input::placeholder{color:#4a4858;color:var(--text-muted)}input:focus{border-color:#c8a84b;border-color:var(--accent);box-shadow:0 0 0 3px rgba(200,168,75,.15);box-shadow:0 0 0 3px var(--accent-dim)}.form-error{color:#e74c3c;font-size:.82rem;margin-top:.25rem}.main-content{display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:1100px;padding:2.5rem 2rem 4rem}.add-song-section{background:#16161a;background:var(--bg-surface);border:1px solid hsla(0,0%,100%,.07);border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 24px rgba(0,0,0,.5);box-shadow:var(--shadow-card);padding:1.8rem 2rem}.section-title{color:#c8a84b;color:var(--accent);font-family:Bebas Neue,sans-serif;font-family:var(--font-display);font-size:1.5rem;letter-spacing:2px;margin-bottom:1.2rem}.add-song-form{display:flex;flex-direction:column;gap:1rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.song-list-section{display:flex;flex-direction:column;gap:1.2rem}.search-bar{align-items:center;display:flex;gap:.75rem}.search-input{background:#16161a;background:var(--bg-surface);border:1px solid hsla(0,0%,100%,.07);border:1px solid var(--border);border-radius:99px;flex:1 1;font-size:.95rem;max-width:420px;padding:.6em 1em}.search-input:focus{border-color:#c8a84b;border-color:var(--accent);box-shadow:0 0 0 3px rgba(200,168,75,.15);box-shadow:0 0 0 3px var(--accent-dim)}.table-wrapper{background:#16161a;background:var(--bg-surface);border:1px solid hsla(0,0%,100%,.07);border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 24px rgba(0,0,0,.5);box-shadow:var(--shadow-card);overflow:hidden}.song-table{border-collapse:collapse;width:100%}.song-table thead{background:#1e1e24;background:var(--bg-elevated)}.sortable-th{border-bottom:1px solid hsla(0,0%,100%,.07);border-bottom:1px solid var(--border);color:#8a8794;color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:700;letter-spacing:.12em;padding:.9rem 1.2rem;text-align:left;text-transform:uppercase;transition:color .2s,background .2s;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{background:#26262e;background:var(--bg-hover);color:#c8a84b;color:var(--accent)}.actions-th{border-bottom:1px solid hsla(0,0%,100%,.07);border-bottom:1px solid var(--border);font-size:.72rem;font-weight:700;letter-spacing:.1em;padding:.9rem 1.2rem;text-align:right;text-transform:uppercase}.actions-th,.sort-icon{color:#4a4858;color:var(--text-muted)}.sort-icon{font-size:.8em;transition:color .2s}.sort-active{color:#c8a84b;color:var(--accent)}.song-row{border-bottom:1px solid hsla(0,0%,100%,.07);border-bottom:1px solid var(--border);transition:background .15s}.song-row:last-child{border-bottom:none}.song-row:hover{background:#26262e;background:var(--bg-hover)}.song-row td{color:#f0ede8;color:var(--text-primary);font-size:.9rem;padding:.85rem 1.2rem;vertical-align:middle}.song-row td:last-child{text-align:right}.genre-badge{background:rgba(200,168,75,.15);background:var(--accent-dim);border:1px solid rgba(200,168,75,.35);border:1px solid var(--border-accent);border-radius:99px;color:#c8a84b;color:var(--accent);display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.06em;padding:.2em .75em;text-transform:uppercase}.empty-state{color:#4a4858;color:var(--text-muted);font-size:.9rem;font-style:italic;padding:3rem 1.2rem;text-align:center}@media (max-width:700px){.navbar{padding:0 1.2rem}.main-content{padding:1.5rem 1rem 3rem}.form-grid{grid-template-columns:1fr 1fr}.song-table{font-size:.82rem}}
/*# sourceMappingURL=main.8140d71e.css.map*/