.topbar[data-v-f32a7bdd]{height:96px;min-height:96px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 40px;background:#000000e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 20px #00000080;z-index:60;transition:background .3s ease,border-color .3s ease}.topbar--tenor[data-v-f32a7bdd]{background:#281400eb;border-bottom-color:#f39c124d}.topbar-left[data-v-f32a7bdd]{display:flex;align-items:center}.topbar-logo[data-v-f32a7bdd]{width:113.6px;height:40px;object-fit:contain}.topbar-title[data-v-f32a7bdd]{font-size:25px;font-weight:600;color:#fff;margin-left:50px}.topbar-center[data-v-f32a7bdd]{position:absolute;left:50%;transform:translate(-50%)}.next-event[data-v-f32a7bdd]{display:flex;align-items:center;gap:8px;font-size:.85rem}.next-event-label[data-v-f32a7bdd]{color:#888;font-weight:500;text-transform:capitalize}.next-event-date[data-v-f32a7bdd]{color:#f0f0f0;font-weight:600}.next-event-countdown[data-v-f32a7bdd]{color:#d4522a;font-weight:500}.topbar-right[data-v-f32a7bdd]{display:flex;align-items:center;gap:1rem}.transpose-toggle[data-v-f32a7bdd]{display:flex;background:#ffffff14;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.toggle-btn[data-v-f32a7bdd]{font-size:.95rem;font-weight:600;padding:.6rem 1.25rem;background:transparent;color:#888;border:none;border-radius:0;cursor:pointer;transition:all .15s ease}.toggle-btn[data-v-f32a7bdd]:hover{color:#ccc}.toggle-btn.active[data-v-f32a7bdd]{background:var(--accent);color:#fff}.topbar-user[data-v-f32a7bdd]{color:var(--text-muted);font-size:.85rem;font-weight:500}.sidebar[data-v-8fd46a85]{height:100%;background:#000000e6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-right:1px solid rgba(255,255,255,.1);box-shadow:2px 0 20px #0006;overflow-y:auto;overflow-x:hidden;transition:all .3s ease-in-out;position:relative;z-index:50;display:flex;flex-direction:column}.sidebar.expanded[data-v-8fd46a85]{min-width:280px;max-width:320px;width:20vw}.sidebar.collapsed[data-v-8fd46a85]{width:64px}.sidebar-header[data-v-8fd46a85]{display:flex;align-items:center;justify-content:flex-end;padding:16px}.hamburger-btn[data-v-8fd46a85]{background:transparent;border:none;color:#b0b0b0;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.hamburger-btn[data-v-8fd46a85]:hover{background:#ffffff1a;color:#fff}.sidebar-nav[data-v-8fd46a85]{display:flex;flex-direction:column;gap:4px;padding:0 8px}.nav-item[data-v-8fd46a85]{display:flex;align-items:center;padding:12px 16px;color:#b0b0b0;text-decoration:none;border-radius:12px;transition:all .3s ease;font-weight:500;font-size:.9rem;gap:12px;white-space:nowrap}.nav-item[data-v-8fd46a85]:hover{background:#ffffff1a;color:#fff;transform:translate(6px)}.nav-item.router-link-active[data-v-8fd46a85]{background:linear-gradient(135deg,#d4522a26,#d4522a4d);color:#fff;box-shadow:0 4px 15px #d4522a33}.nav-item.router-link-active[data-v-8fd46a85]:hover{transform:none}.nav-item.icon-only[data-v-8fd46a85]{justify-content:center;padding:12px}.nav-icon[data-v-8fd46a85]{display:inline-flex;align-items:center;justify-content:center;min-width:20px}.nav-label[data-v-8fd46a85]{overflow:hidden}.nav-divider[data-v-8fd46a85]{height:1px;background:#ffffff14;margin:8px 16px}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/PlusJakartaSans-Light-DDhP_Rn6.ttf) format("truetype");font-weight:300}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/PlusJakartaSans-Medium-BWT6vWE5.ttf) format("truetype");font-weight:500}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/PlusJakartaSans-SemiBold-E-AGeNse.ttf) format("truetype");font-weight:600}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/PlusJakartaSans-Bold-K_68Q89b.ttf) format("truetype");font-weight:700}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/PlusJakartaSans-ExtraBold-BPMfZ3D1.ttf) format("truetype");font-weight:800}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--bg: #0f0f0f;--bg-card: #1a1a1a;--bg-card-hover: #222222;--bg-input: #252525;--border: #2a2a2a;--border-focus: #D4522A;--text: #f0f0f0;--text-muted: #888888;--text-dim: #666666;--accent: #D4522A;--accent-hover: #B8441F;--danger: #E74C3C;--danger-hover: #c0392b;--radius: 8px;--radius-lg: 12px;--transition: .15s ease}html{font-size:118%}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}#app{height:100vh;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;position:fixed;top:0;left:0}.main-content{display:flex;flex:1;overflow-y:hidden;min-width:0}.content-area{flex:1;padding:24px;overflow-x:auto;overflow-y:auto;min-width:0}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.25rem;font-weight:600}h3{font-size:1rem;font-weight:600}input,select,textarea{font-family:var(--font);font-size:.875rem;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;outline:none;transition:border-color var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:var(--border-focus)}input::placeholder,textarea::placeholder{color:var(--text-dim)}button{font-family:var(--font);font-size:.875rem;font-weight:600;cursor:pointer;border:none;border-radius:var(--radius);padding:.5rem 1rem;transition:background var(--transition),opacity var(--transition)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-icon{background:transparent;color:var(--text-muted);padding:.375rem;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{color:var(--text)}.container{width:100%;max-width:960px;margin:0 auto;padding:0 1.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.card:hover{background:var(--bg-card-hover)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}