.sidebar[data-v-01c5ede1]{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s ease,transform .3s ease;overflow:hidden}.sidebar.collapsed[data-v-01c5ede1]{width:0;border-right:none}.sidebar-content[data-v-01c5ede1]{width:var(--sidebar-width);padding:1.5rem;display:flex;flex-direction:column;height:100%;overflow-y:auto}.logo-section[data-v-01c5ede1]{display:flex;flex-direction:column;align-items:center;padding:1rem 0 1.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);cursor:pointer}.logo-section:hover .logo-image[data-v-01c5ede1]{transform:scale(1.02)}.logo-image[data-v-01c5ede1]{width:100%;max-width:180px;height:auto;transition:transform .2s ease}.logo-tagline[data-v-01c5ede1]{font-size:.75rem;color:var(--text-muted);font-style:italic;margin-top:.5rem;text-align:center}.sidebar-section[data-v-01c5ede1]{margin-bottom:1.5rem}.section-title[data-v-01c5ede1]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem}.account-info[data-v-01c5ede1]{background:var(--bg-tertiary);border-radius:8px;padding:1rem}.info-row[data-v-01c5ede1]{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.info-row+.info-row[data-v-01c5ede1]{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.info-row .label[data-v-01c5ede1]{color:var(--text-secondary)}.info-row .value[data-v-01c5ede1]{color:var(--text-primary);font-weight:500}.sidebar-nav[data-v-01c5ede1]{flex:1}.nav-item[data-v-01c5ede1]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .2s;margin-bottom:.25rem}.nav-item[data-v-01c5ede1]:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.nav-item.active[data-v-01c5ede1]{background:var(--bg-tertiary);color:var(--accent-gold)}.nav-icon[data-v-01c5ede1]{font-size:1.125rem}.nav-text[data-v-01c5ede1]{font-size:.875rem;font-weight:500}.sidebar-footer[data-v-01c5ede1]{padding-top:1rem;border-top:1px solid var(--border-color)}.status-indicator[data-v-01c5ede1]{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.status-dot[data-v-01c5ede1]{width:8px;height:8px;border-radius:50%;background:var(--accent-red)}.status-indicator.connected .status-dot[data-v-01c5ede1]{background:var(--accent-green)}@media(max-width:768px){.sidebar[data-v-01c5ede1]{position:fixed;left:0;top:0;bottom:0;z-index:99;transform:translate(-100%)}.sidebar[data-v-01c5ede1]:not(.collapsed){transform:translate(0)}}.app-container[data-v-80ed160f]{min-height:100vh;display:flex;flex-direction:row;background:var(--bg-primary);color:var(--text-primary);position:relative}.app-content[data-v-80ed160f]{display:flex;flex:1;overflow:hidden;width:100%}.main-content[data-v-80ed160f]{flex:1;overflow-y:auto;padding:1.5rem}.mobile-menu-btn[data-v-80ed160f]{display:none;position:fixed;top:1rem;left:1rem;z-index:101;width:44px;height:44px;border:none;background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000004d}.mobile-menu-btn[data-v-80ed160f]:hover{background:var(--bg-tertiary)}.sidebar-overlay[data-v-80ed160f]{display:none;position:fixed;inset:0;background:#00000080;z-index:98}@media(max-width:768px){.mobile-menu-btn[data-v-80ed160f]{display:flex}.sidebar-overlay[data-v-80ed160f]{display:block}.main-content[data-v-80ed160f]{padding-top:4rem}}:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1c1c1c;--bg-card: #181818;--bg-hover: #252525;--accent-gold: #c9a227;--accent-orange: #e67e22;--accent-red: #c0392b;--accent-blue: #2980b9;--accent-green: #27ae60;--accent-purple: #9b59b6;--quality-legendary: #ff8000;--quality-set: #00ff00;--quality-rare: #ffff00;--quality-magic: #6969ff;--quality-common: #ffffff;--text-primary: #e8e6e3;--text-secondary: #a0a0a0;--text-muted: #666666;--border-color: #2a2a2a;--border-accent: #3d3d3d;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--sidebar-width: 280px;--header-height: 60px;--font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", "Consolas", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.5}a{color:var(--accent-gold);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;border:none;transition:all .2s ease}.btn-primary{background:var(--accent-gold);color:#000}.btn-primary:hover{background:#d4a824}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-accent)}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover{background:#a93226}input,select,textarea{font-family:inherit;font-size:.875rem;padding:.625rem .875rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);width:100%;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-gold)}input::placeholder{color:var(--text-muted)}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.quality-legendary{color:var(--quality-legendary)}.quality-set{color:var(--quality-set)}.quality-rare{color:var(--quality-rare)}.quality-magic{color:var(--quality-magic)}.quality-common{color:var(--quality-common)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}