@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=DM+Sans:wght@300;400;500&display=swap);body{-moz-osx-font-smoothing:grayscale}:root{--bg:#0a0a0a;--bg-2:#111;--surface:#161616;--surface-2:#1e1e1e;--border:#ffffff14;--border-hover:#ffffff29;--text-primary:#f0ede8;--text-secondary:#888580;--text-hint:#444240;--accent:#1db954;--accent-dark:#17a349;--accent-soft:#1db95414;--danger:#e05252;--danger-soft:#e0525214;--radius:16px;--radius-sm:10px;--shadow:0 1px 3px #0006,0 4px 16px #0000004d;--shadow-hover:0 2px 8px #00000080,0 12px 32px #0006;--transition:all 0.2s ease}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background-color:#0a0a0a;background-color:var(--bg);color:#f0ede8;color:var(--text-primary);font-family:DM Sans,sans-serif;margin:0;overflow-x:hidden;padding:0}.App{background:#0a0a0a;background:var(--bg);display:flex;flex-direction:column}.App,.App-header,.App.authenticated{min-height:100vh}.App-header{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.App.authenticated .App-header{flex:1 1;justify-content:flex-start;min-height:auto}.login-container{align-items:center;animation:fadeUp .8s ease both;display:flex;flex-direction:column;gap:0}.App-logo-container{align-items:center;background:#161616;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:50%;box-shadow:0 1px 3px #0006,0 4px 16px #0000004d;box-shadow:var(--shadow);display:flex;height:140px;justify-content:center;margin-bottom:2rem;width:140px}.App-logo{height:auto;width:90px}.title-container{align-items:center;display:flex;flex-direction:column;gap:.25rem;margin-bottom:2.5rem}.Sub-title{color:#888580;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:400;letter-spacing:.15em;margin:0;text-transform:uppercase}.App-title{color:#f0ede8;color:var(--text-primary);font-family:Cormorant Garamond,serif;font-size:4rem;font-weight:700;letter-spacing:-.02em;line-height:1;margin:0}.App-button{background:#1db954;background:var(--accent);border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;letter-spacing:.03em;padding:.8rem 2.5rem;transition:all .2s ease;transition:var(--transition)}.App-button:hover{background:#17a349;background:var(--accent-dark);box-shadow:0 8px 24px #1db95440;transform:translateY(-1px)}.nav-buttons{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ad9;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);box-sizing:border-box;display:flex;height:56px;justify-content:space-between;left:0;padding:0 1.5rem;position:fixed;top:0;width:100%;z-index:1000}.nav-left,.nav-right{align-items:center;display:flex;flex:1 1}.nav-right{justify-content:flex-end;padding-left:1rem}.nav-center{background:#1e1e1e;background:var(--surface-2);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;display:flex;gap:2px;padding:3px}.nav-tab{background:#0000;border:none;border-radius:7px;color:#888580;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;padding:.3rem 1rem;transition:all .15s}.nav-tab.active,.nav-tab:hover:not(.active){color:#f0ede8;color:var(--text-primary)}.nav-tab.active{background:#161616;background:var(--surface);box-shadow:0 1px 3px #0000004d}.back-button{align-items:center;background:#1e1e1e;background:var(--surface-2);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#f0ede8;color:var(--text-primary);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;gap:6px;padding:.45rem 1rem;transition:all .2s ease;transition:var(--transition)}.back-button:before{content:"←";font-size:14px}.back-button:hover{background:#161616;background:var(--surface);border-color:#ffffff29;border-color:var(--border-hover)}.logout-button{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#888580;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;padding:.45rem 1rem;transition:all .2s ease;transition:var(--transition)}.logout-button:hover{border-color:#e05252;border-color:var(--danger);color:#e05252;color:var(--danger)}.loading-spinner{align-items:center;background:#0a0a0a;background:var(--bg);display:flex;height:100vh;justify-content:center}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff14;border-top:2px solid #1db954;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}.error-container{align-items:center;color:#888580;color:var(--text-secondary);display:flex;flex-direction:column;gap:1.5rem;height:100vh;justify-content:center}.error-container button{background:#1e1e1e;background:var(--surface-2);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#f0ede8;color:var(--text-primary);cursor:pointer;font-family:DM Sans,sans-serif;padding:.6rem 1.5rem;transition:all .2s ease;transition:var(--transition)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.App-title{font-size:2.5rem}.App-logo-container{height:110px;width:110px}.App-logo{width:70px}.nav-buttons{flex-wrap:nowrap;height:auto;min-height:52px;overflow:hidden;padding:0 .75rem}.nav-logo{height:32px;width:32px}.nav-brand{gap:.35rem}.nav-brand-name{font-size:.95rem}.nav-left{gap:.4rem}.nav-left,.nav-right{flex:0 0 auto}.nav-center{flex:1 1;gap:1px;justify-content:center;padding:2px}.nav-tab{font-size:.72rem;padding:.28rem .55rem}.logout-button{white-space:nowrap}.back-button,.logout-button{font-size:.72rem;padding:.3rem .6rem}.back-button:before{display:none}.app-footer{font-size:.65rem;height:32px}}@media (max-width:400px){.App-title{font-size:2rem}.Sub-title{font-size:.7rem}.App-button{font-size:.8rem;padding:.7rem 2rem}.nav-brand-name{display:none}.nav-tab{font-size:.68rem;padding:.25rem .45rem}}.nav-brand{align-items:center;display:flex;gap:.3rem;margin-right:1rem;text-decoration:none}.nav-logo{border-radius:50%;flex-shrink:0;height:52px;object-fit:cover;width:52px}.nav-brand-name{color:#f0ede8;color:var(--text-primary);font-family:Cormorant Garamond,serif;font-size:1.2rem;font-weight:700;letter-spacing:-.01em;padding-right:.5rem;white-space:nowrap}.app-footer{align-items:center;background:#0a0a0af2;border-top:1px solid #ffffff1f;color:#888580;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:.72rem;height:36px;justify-content:center;letter-spacing:.04em;margin-top:auto;width:100%}
/*# sourceMappingURL=main.b6403ca8.css.map*/