@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-electric-blue: #00D9FF;--color-electric-blue-dark: #0AC5DF;--color-electric-blue-light: #6EEAFF;--color-thunder-yellow: #FFD700;--color-thunder-yellow-bright: #FFC700;--color-thunder-yellow-pale: #FFEB99;--color-navy-deep: #0A1128;--color-navy-medium: #1A2332;--color-navy-light: #2A3442;--color-white-pure: #FFFFFF;--color-white-soft: #F8FCFF;--color-white-tint: #E8F4FF;--color-bg: linear-gradient(135deg, #F8FCFF 0%, #E8F4FF 100%);--color-bg-secondary: rgba(255, 255, 255, .7);--color-bg-tertiary: rgba(255, 255, 255, .5);--color-surface: rgba(255, 255, 255, .85);--color-surface-raised: rgba(255, 255, 255, .95);--color-text: #0A1128;--color-text-secondary: #2A3442;--color-text-tertiary: #4A5462;--color-accent: var(--color-electric-blue);--color-accent-hover: var(--color-electric-blue-light);--color-accent-light: rgba(0, 217, 255, .15);--color-accent-glow: rgba(0, 217, 255, .4);--color-secondary-accent: var(--color-thunder-yellow);--color-secondary-accent-hover: var(--color-thunder-yellow-bright);--color-secondary-accent-light: rgba(255, 215, 0, .15);--color-secondary-accent-glow: rgba(255, 215, 0, .4);--color-success: #00FF88;--color-success-light: rgba(0, 255, 136, .15);--color-success-glow: rgba(0, 255, 136, .3);--color-error: #FF3366;--color-error-light: rgba(255, 51, 102, .15);--color-error-glow: rgba(255, 51, 102, .3);--color-warning: #FFB800;--color-warning-light: rgba(255, 184, 0, .15);--color-border: rgba(0, 217, 255, .2);--color-divider: rgba(0, 217, 255, .1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--blur-amount: 20px;--blur-strong: 40px;--shadow-sm: 0 2px 8px rgba(0, 217, 255, .08);--shadow-md: 0 4px 16px rgba(0, 217, 255, .12);--shadow-lg: 0 8px 32px rgba(0, 217, 255, .16);--shadow-xl: 0 16px 64px rgba(0, 217, 255, .24);--shadow-glow: 0 0 40px rgba(0, 217, 255, .3);--shadow-glow-yellow: 0 0 40px rgba(255, 215, 0, .3);--gradient-electric: linear-gradient(135deg, #00D9FF 0%, #0AC5DF 50%, #FFD700 100%);--gradient-electric-reverse: linear-gradient(135deg, #FFD700 0%, #0AC5DF 50%, #00D9FF 100%);--gradient-blue: linear-gradient(135deg, #00D9FF 0%, #6EEAFF 100%);--gradient-yellow: linear-gradient(135deg, #FFD700 0%, #FFC700 100%);--gradient-radial: radial-gradient(circle at 50% 50%, rgba(0, 217, 255, .15) 0%, transparent 70%);--gradient-mesh: radial-gradient(at 0% 0%, rgba(0, 217, 255, .2) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(255, 215, 0, .15) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(0, 217, 255, .15) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(255, 215, 0, .1) 0px, transparent 50%);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-2xl: 40px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .35s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55)}:root[data-theme=dark]{--color-electric-blue: #6EEAFF;--color-electric-blue-dark: #00D9FF;--color-electric-blue-light: #9EF4FF;--color-thunder-yellow: #FFE44D;--color-thunder-yellow-bright: #FFD700;--color-thunder-yellow-pale: #FFF5CC;--color-bg: linear-gradient(135deg, #0A1128 0%, #1A2332 100%);--color-bg-secondary: rgba(26, 35, 50, .7);--color-bg-tertiary: rgba(26, 35, 50, .5);--color-surface: rgba(26, 35, 50, .85);--color-surface-raised: rgba(42, 52, 66, .95);--color-text: #E8F4FF;--color-text-secondary: #B8D4EF;--color-text-tertiary: #88A4BF;--color-accent: var(--color-electric-blue);--color-accent-hover: var(--color-electric-blue-light);--color-accent-light: rgba(110, 234, 255, .15);--color-accent-glow: rgba(110, 234, 255, .4);--color-secondary-accent: var(--color-thunder-yellow);--color-secondary-accent-hover: var(--color-thunder-yellow-bright);--color-secondary-accent-light: rgba(255, 228, 77, .15);--color-secondary-accent-glow: rgba(255, 228, 77, .4);--color-success: #33FFB8;--color-success-light: rgba(51, 255, 184, .15);--color-success-glow: rgba(51, 255, 184, .3);--color-error: #FF6699;--color-error-light: rgba(255, 102, 153, .15);--color-error-glow: rgba(255, 102, 153, .3);--color-warning: #FFC933;--color-warning-light: rgba(255, 201, 51, .15);--color-border: rgba(110, 234, 255, .25);--color-divider: rgba(110, 234, 255, .15);--glass-bg: rgba(26, 35, 50, .7);--glass-border: rgba(110, 234, 255, .2);--blur-amount: 20px;--blur-strong: 40px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px rgba(110, 234, 255, .3);--shadow-glow-yellow: 0 0 40px rgba(255, 228, 77, .3);--gradient-electric: linear-gradient(135deg, #6EEAFF 0%, #00D9FF 50%, #FFE44D 100%);--gradient-electric-reverse: linear-gradient(135deg, #FFE44D 0%, #00D9FF 50%, #6EEAFF 100%);--gradient-blue: linear-gradient(135deg, #6EEAFF 0%, #9EF4FF 100%);--gradient-yellow: linear-gradient(135deg, #FFE44D 0%, #FFD700 100%);--gradient-radial: radial-gradient(circle at 50% 50%, rgba(110, 234, 255, .15) 0%, transparent 70%);--gradient-mesh: radial-gradient(at 0% 0%, rgba(110, 234, 255, .15) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(255, 228, 77, .12) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(110, 234, 255, .12) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(255, 228, 77, .08) 0px, transparent 50%)}:root{transition:background-color var(--transition-base),color var(--transition-base)}:root[data-theme=dark] .btn-secondary:hover{background:#2a3442d9;border-color:var(--color-accent)}:root[data-theme=dark] .card:hover{background:#2a3442e6;border-color:var(--color-accent)}:root[data-theme=dark] .input{color:var(--color-text);background:var(--color-bg-secondary)}:root[data-theme=dark] .input:focus{background:#2a3442f2}:root[data-theme=dark] .input::placeholder{color:var(--color-text-tertiary)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%;position:relative}body{font-family:var(--font-family);font-weight:var(--font-weight-normal);color:var(--color-text);background:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;position:relative;overflow-x:hidden;width:100%}body:before{content:"";position:fixed;inset:0;background:var(--gradient-mesh);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 30%,rgba(0,217,255,.08) 0%,transparent 25%),radial-gradient(circle at 80% 70%,rgba(255,215,0,.06) 0%,transparent 25%),radial-gradient(circle at 50% 50%,rgba(0,217,255,.05) 0%,transparent 40%);pointer-events:none;z-index:0;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}#app{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-text);letter-spacing:-.02em}h1{font-size:48px;font-weight:var(--font-weight-extrabold);letter-spacing:-.03em;background:var(--gradient-electric);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:36px;font-weight:var(--font-weight-bold)}h3{font-size:28px}h4{font-size:22px}h5{font-size:18px}h6{font-size:16px}p{font-size:17px;line-height:1.6;color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:all var(--transition-fast);position:relative}a:hover{color:var(--color-accent-hover);text-shadow:0 0 8px var(--color-accent-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-size:15px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);outline:none;text-decoration:none;gap:8px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--gradient-electric);color:#fff;box-shadow:0 4px 20px var(--color-accent-glow)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px var(--color-accent-glow),var(--shadow-glow)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:var(--glass-bg);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));color:var(--color-text);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:#ffffffd9;border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--color-accent)}.btn-ghost:hover{background:var(--color-accent-light);box-shadow:0 0 20px var(--color-accent-glow)}.btn-danger{background:linear-gradient(135deg,#f36,#ff6b9d);color:#fff;box-shadow:0 4px 20px var(--color-error-glow)}.btn-danger:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px var(--color-error-glow)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:8px 20px;font-size:14px}.btn-lg{padding:16px 36px;font-size:17px}.card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--glass-border);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-electric);opacity:0;transition:opacity var(--transition-base)}.card:hover:before{opacity:1}.card:hover{box-shadow:var(--shadow-lg),0 0 40px #00d9ff26;transform:translateY(-4px) scale(1.01);border-color:var(--color-accent);background:#ffffffe6}.card-clickable{cursor:pointer}.input{width:100%;padding:14px 18px;font-size:15px;font-family:var(--font-family);color:var(--color-text);background:var(--glass-bg);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:2px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-base)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light),0 0 20px var(--color-accent-glow);background:#fffffff2}.input::placeholder{color:var(--color-text-tertiary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);width:100%}.container-wide{max-width:1400px;margin:0 auto;padding:0 var(--space-lg);width:100%}@media(max-width:600px){.container,.container-wide{padding:0 var(--space-md)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}h1{font-size:36px}h2{font-size:28px}}@media(max-width:600px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}h1{font-size:28px}h2{font-size:22px}}@media(max-width:768px){body{font-size:15px}.container,.container-wide{padding:0 var(--space-md)}.card{padding:var(--space-lg)}}@media(max-width:480px){body{font-size:14px}.card{padding:var(--space-md)}}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-light{font-weight:var(--font-weight-light)}.text-normal{font-weight:var(--font-weight-normal)}.text-medium{font-weight:var(--font-weight-medium)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.badge{display:inline-flex;align-items:center;padding:6px 14px;font-size:13px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.badge:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.badge-success{background:linear-gradient(135deg,#0f83,#00ff884d);color:var(--color-success);border-color:var(--color-success);box-shadow:0 0 20px var(--color-success-glow)}.badge-error{background:linear-gradient(135deg,#f363,#ff33664d);color:var(--color-error);border-color:var(--color-error);box-shadow:0 0 20px var(--color-error-glow)}.badge-accent{background:linear-gradient(135deg,#00d9ff33,#00d9ff4d);color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 20px var(--color-accent-glow)}.badge-graded{background:linear-gradient(135deg,#ffd70033,#ffd7004d);color:var(--color-thunder-yellow);border-color:var(--color-thunder-yellow);box-shadow:0 0 20px var(--color-secondary-accent-glow)}.badge-condition{background:linear-gradient(135deg,#00d9ff26,#00d9ff40);color:var(--color-electric-blue-dark);border-color:var(--color-electric-blue-dark)}.divider{height:2px;background:var(--gradient-electric);opacity:.2;border:none;margin:var(--space-lg) 0;border-radius:var(--radius-full)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--color-accent-glow)}50%{box-shadow:0 0 40px var(--color-accent-glow),0 0 60px var(--color-secondary-accent-glow)}}.spinner{width:24px;height:24px;border:3px solid transparent;border-top-color:var(--color-accent);border-right-color:var(--color-secondary-accent);border-radius:50%;animation:spin .8s linear infinite,pulse-glow 2s ease-in-out infinite}html{scroll-behavior:smooth}::selection{background:var(--color-accent-light);color:var(--color-accent);text-shadow:0 0 10px rgba(0,217,255,.5)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#00d9ff0d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gradient-electric);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--gradient-electric-reverse);background-clip:padding-box;box-shadow:0 0 10px var(--color-accent-glow)}@keyframes electric-pulse{0%,to{box-shadow:0 0 5px #00d9ff4d,0 0 10px #00d9ff33}50%{box-shadow:0 0 20px #00d9ff80,0 0 30px #ffd7004d}}.glow{animation:electric-pulse 2s ease-in-out infinite}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--glass-border)}.glass-strong{background:#ffffffd9;backdrop-filter:blur(var(--blur-strong));-webkit-backdrop-filter:blur(var(--blur-strong));border:1px solid rgba(255,255,255,.5)}.app-nav[data-v-7c6a81b9]{background:var(--glass-bg);backdrop-filter:blur(var(--blur-strong));-webkit-backdrop-filter:blur(var(--blur-strong));border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:0 4px 24px #00d9ff1a;width:100%;overflow:hidden!important}.app-nav[data-v-7c6a81b9] *{box-sizing:border-box}.app-nav .container[data-v-7c6a81b9]{overflow:visible}.app-nav__content[data-v-7c6a81b9]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;width:100%;max-width:100%;overflow:visible}.app-nav__right[data-v-7c6a81b9]{display:flex;align-items:center;gap:var(--space-xs)}.app-nav__logo[data-v-7c6a81b9]{position:relative;display:inline-block}.logo-image[data-v-7c6a81b9]{height:48px;width:auto;position:relative;z-index:1;filter:drop-shadow(0 0 20px rgba(0,217,255,.3));transition:all var(--transition-base)}:root[data-theme=dark] .logo-image[data-v-7c6a81b9]{filter:invert(.9) hue-rotate(180deg) drop-shadow(0 0 20px rgba(110,234,255,.5))}.logo-image[data-v-7c6a81b9]:hover{filter:drop-shadow(0 0 30px rgba(0,217,255,.5));transform:scale(1.05)}:root[data-theme=dark] .logo-image[data-v-7c6a81b9]:hover{filter:invert(.9) hue-rotate(180deg) drop-shadow(0 0 30px rgba(110,234,255,.6));transform:scale(1.05)}.logo-glow[data-v-7c6a81b9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(0,217,255,.2) 0%,transparent 70%);filter:blur(20px);pointer-events:none;animation:logo-pulse-7c6a81b9 3s ease-in-out infinite}@keyframes logo-pulse-7c6a81b9{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.app-nav__links[data-v-7c6a81b9]{display:flex;gap:var(--space-xs)}.app-nav__menu-toggle[data-v-7c6a81b9]{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.app-nav__menu-toggle[data-v-7c6a81b9]:hover,.app-nav__menu-toggle[data-v-7c6a81b9]:focus-visible{background:#00d9ff1f;color:var(--color-accent);outline:none}:root[data-theme=dark] .app-nav__menu-toggle[data-v-7c6a81b9]:hover,:root[data-theme=dark] .app-nav__menu-toggle[data-v-7c6a81b9]:focus-visible{background:#6eeaff26}.app-nav__link[data-v-7c6a81b9]{padding:10px 20px;font-size:15px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-full);transition:all var(--transition-base);position:relative;overflow:hidden}.app-nav__link[data-v-7c6a81b9]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--color-accent-light);transform:translate(-50%,-50%);transition:width .5s,height .5s;z-index:0}.app-nav__link[data-v-7c6a81b9]:hover:before{width:200px;height:200px}.app-nav__link[data-v-7c6a81b9]:hover{color:var(--color-accent);background:#00d9ff1a;box-shadow:0 0 20px #00d9ff33}:root[data-theme=dark] .app-nav__link[data-v-7c6a81b9]:hover{background:#6eeaff1f;box-shadow:0 0 20px #6eeaff40}.app-nav__link.active[data-v-7c6a81b9]{color:#fff;background:var(--gradient-electric);box-shadow:0 4px 20px var(--color-accent-glow)}.app-nav__link.active[data-v-7c6a81b9]:before{display:none}.theme-toggle[data-v-7c6a81b9]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer;transition:all var(--transition-base);outline:none;position:relative;overflow:hidden}.theme-toggle[data-v-7c6a81b9]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--color-accent-light);transform:translate(-50%,-50%);transition:width .5s,height .5s;z-index:0}.theme-toggle[data-v-7c6a81b9]:hover:before{width:100px;height:100px}.theme-toggle[data-v-7c6a81b9]:hover{border-color:var(--color-accent);box-shadow:0 0 20px var(--color-accent-glow);transform:scale(1.05) rotate(15deg)}.theme-toggle[data-v-7c6a81b9]:active{transform:scale(.95) rotate(-15deg)}.theme-toggle svg[data-v-7c6a81b9]{position:relative;z-index:1;transition:transform var(--transition-base)}.theme-toggle:hover svg[data-v-7c6a81b9]{transform:rotate(45deg)}.theme-toggle__label[data-v-7c6a81b9]{display:none}.theme-toggle--mobile[data-v-7c6a81b9]{width:100%;max-width:400px;height:56px;justify-content:center;gap:var(--space-md);border-radius:var(--radius-lg)}.theme-toggle--mobile .theme-toggle__label[data-v-7c6a81b9]{display:inline;font-size:16px;font-weight:var(--font-weight-semibold)}.theme-toggle--mobile svg[data-v-7c6a81b9]{width:24px;height:24px}.currency-select[data-v-7c6a81b9]{padding:8px 12px;font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);outline:none}.currency-select[data-v-7c6a81b9]:hover:not(:disabled){border-color:var(--color-accent);box-shadow:0 0 12px #00d9ff33}.currency-select[data-v-7c6a81b9]:focus{border-color:var(--color-accent);box-shadow:0 0 16px #00d9ff4d}.currency-select[data-v-7c6a81b9]:disabled{opacity:.5;cursor:not-allowed}.app-nav__overlay[data-v-7c6a81b9]{position:fixed;inset:0;background:#0a11288c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998}@media(max-width:768px){.app-nav__content[data-v-7c6a81b9]{flex-direction:column;gap:var(--space-md)}.logo-image[data-v-7c6a81b9]{height:40px}.app-nav__links[data-v-7c6a81b9]{width:100%;justify-content:space-around;flex-wrap:wrap}.app-nav__link[data-v-7c6a81b9]{padding:var(--space-sm) 12px;font-size:13px}}.app-nav__right--mobile[data-v-7c6a81b9]{display:none}@media(max-width:900px){.app-nav__right--desktop[data-v-7c6a81b9]{display:none}.app-nav__right--mobile[data-v-7c6a81b9]{display:flex}.app-nav__content[data-v-7c6a81b9]{flex-direction:row;align-items:center;gap:var(--space-md)}.app-nav__right[data-v-7c6a81b9]{position:fixed;inset:0;width:100vw;height:100vh;background:var(--color-surface);padding:var(--space-3xl) var(--space-lg);padding-top:80px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--space-2xl);transform:translateY(-100%);transition:transform var(--transition-base);z-index:999;pointer-events:none;overflow-y:auto}.app-nav__right.is-open[data-v-7c6a81b9]{transform:translateY(0);pointer-events:auto}.app-nav__links[data-v-7c6a81b9]{flex-direction:column;align-items:center;gap:var(--space-md);width:100%;max-width:400px}.app-nav__link[data-v-7c6a81b9]{width:100%;padding:var(--space-lg) var(--space-xl);font-size:18px;text-align:center;border-radius:var(--radius-lg)}.currency-selector[data-v-7c6a81b9]{width:100%;max-width:400px}.currency-select[data-v-7c6a81b9]{width:100%;padding:var(--space-md);font-size:16px;text-align:center}.app-nav__menu-toggle[data-v-7c6a81b9]{display:inline-flex;margin-left:auto;z-index:1000;position:relative}.mobile-menu-close[data-v-7c6a81b9]{position:absolute;top:var(--space-lg);right:var(--space-lg);width:44px;height:44px;border-radius:50%;border:none;background:var(--glass-bg);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border:2px solid var(--color-border);box-shadow:0 2px 8px #00d9ff26}.mobile-menu-close[data-v-7c6a81b9]:hover,.mobile-menu-close[data-v-7c6a81b9]:focus-visible{background:var(--gradient-electric);border-color:var(--color-electric-blue);box-shadow:0 4px 16px #00d9ff4d;color:#fff;outline:none}}.app{min-height:100vh;background:var(--color-bg);width:100%;overflow-x:hidden;position:relative}.card-tile[data-v-6f0e76a6]{display:flex;flex-direction:column;overflow:hidden;height:100%;position:relative}.card-tile__image[data-v-6f0e76a6]{width:100%;aspect-ratio:5 / 7;background:var(--color-bg-secondary);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-sm);position:relative}.card-tile__image img[data-v-6f0e76a6]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.card-tile__image-placeholder[data-v-6f0e76a6]{width:100%;height:100%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:14px;text-transform:uppercase;letter-spacing:.08em}.card-tile:hover .card-tile__image img[data-v-6f0e76a6]{transform:scale(1.05)}.card-tile__quick-actions[data-v-6f0e76a6]{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);opacity:0;transition:opacity var(--transition-fast);z-index:2}.card-tile:hover .card-tile__quick-actions[data-v-6f0e76a6]{opacity:1}.quick-action-btn[data-v-6f0e76a6]{min-width:70px;height:36px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid rgba(0,217,255,.3);background:var(--glass-bg);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:all var(--transition-fast);box-shadow:0 2px 8px #00d9ff26}.quick-action-btn[data-v-6f0e76a6]:hover{transform:scale(1.05) translateY(-2px);background:linear-gradient(135deg,#00d9ff26,#ffd7001a);border-color:var(--color-electric-blue);box-shadow:0 4px 16px #00d9ff4d,0 0 20px #00d9ff33;color:var(--color-electric-blue)}.quick-action-label[data-v-6f0e76a6]{font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.03em;line-height:1}.quick-action-btn--active[data-v-6f0e76a6]{background:var(--gradient-electric);color:#fff;border-color:transparent;box-shadow:0 4px 16px var(--color-accent-glow),0 0 30px #00d9ff4d;animation:electric-pulse-6f0e76a6 2s ease-in-out infinite}.quick-action-btn--active[data-v-6f0e76a6]:hover{background:var(--gradient-electric);color:#fff;box-shadow:0 6px 24px var(--color-accent-glow),0 0 40px #00d9ff66}.quick-action-btn--danger[data-v-6f0e76a6]{background:linear-gradient(135deg,#0ac5dfe6,#0096c8e6);color:#fff;border-color:#00d9ff66;box-shadow:0 4px 16px #00c5df4d}.quick-action-btn--danger[data-v-6f0e76a6]:hover{background:linear-gradient(135deg,#00b4d2f2,#0082b4f2);border-color:var(--color-electric-blue);box-shadow:0 6px 24px #00c5df66,0 0 30px #00d9ff4d}@keyframes electric-pulse-6f0e76a6{0%,to{box-shadow:0 4px 16px var(--color-accent-glow),0 0 30px #00d9ff4d}50%{box-shadow:0 4px 20px var(--color-accent-glow),0 0 40px #00d9ff80}}.card-tile__selection-checkbox[data-v-6f0e76a6]{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:10}.checkbox[data-v-6f0e76a6]{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #00d9ff33}.checkbox[data-v-6f0e76a6]:hover{transform:scale(1.1);border-color:var(--color-electric-blue);box-shadow:0 4px 12px #00d9ff66}.checkbox--checked[data-v-6f0e76a6]{background:var(--gradient-electric);border-color:var(--color-electric-blue);box-shadow:0 2px 12px var(--color-accent-glow)}.card-tile--selected[data-v-6f0e76a6]{opacity:.85;outline:3px solid var(--color-electric-blue);outline-offset:-3px}.card-tile__content[data-v-6f0e76a6]{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.card-tile__header[data-v-6f0e76a6]{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.card-tile__name[data-v-6f0e76a6]{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:1.3;flex:1}.card-tile__finish[data-v-6f0e76a6]{font-size:9px;padding:2px 6px;flex-shrink:0;white-space:nowrap}.card-tile__set[data-v-6f0e76a6]{font-size:12px;margin:0;color:var(--color-text-secondary)}.card-tile__set--clickable[data-v-6f0e76a6]{cursor:pointer;transition:color var(--transition-fast)}.card-tile__set--clickable[data-v-6f0e76a6]:hover{color:var(--color-accent);text-decoration:underline}.card-tile__condition[data-v-6f0e76a6]{margin-top:var(--space-xs)}.badge-graded[data-v-6f0e76a6]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:var(--font-weight-semibold);font-size:10px;padding:3px 8px}.badge-condition[data-v-6f0e76a6]{background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:10px;padding:3px 8px}.card-tile__pricing[data-v-6f0e76a6]{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-divider);margin-top:auto}.card-tile__price[data-v-6f0e76a6],.card-tile__change[data-v-6f0e76a6]{display:flex;flex-direction:column;gap:var(--space-xs)}.change-values[data-v-6f0e76a6],.change-values-inline[data-v-6f0e76a6]{display:flex;flex-direction:column;gap:2px;align-items:flex-end}.change-amount[data-v-6f0e76a6],.change-pct[data-v-6f0e76a6]{line-height:1.3}.card-tile__portfolio-stats[data-v-6f0e76a6]{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-divider);margin-top:auto}.card-tile__stat-row[data-v-6f0e76a6]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.card-tile__stat-row span[data-v-6f0e76a6]:last-child{text-align:right}.quick-action-btn--icon-only[data-v-6f0e76a6]{min-width:36px;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.quick-action-btn--icon-only .quick-action-label[data-v-6f0e76a6]{display:none}@media(max-width:900px),(hover:none){.card-tile__quick-actions[data-v-6f0e76a6]{position:absolute;top:var(--space-xs);right:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-xs);opacity:1;z-index:2}.card-tile:hover .card-tile__quick-actions[data-v-6f0e76a6]{opacity:1}.quick-action-btn[data-v-6f0e76a6]{min-width:36px;width:36px;height:36px;padding:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center}.quick-action-label[data-v-6f0e76a6]{display:none}}.price-chart[data-v-93a20e95]{height:300px;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.price-chart-empty[data-v-93a20e95]{height:100%;display:flex;align-items:center;justify-content:center}@media(max-width:600px){.price-chart[data-v-93a20e95]{height:220px;padding:var(--space-sm)}}.modal-backdrop[data-v-1f880920]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.modal-content[data-v-1f880920]{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:1200px;width:100%;max-height:90vh;overflow:hidden;position:relative;display:flex;flex-direction:column;overscroll-behavior:contain}.modal-scroll[data-v-1f880920]{overflow-y:auto;padding:var(--space-2xl);flex:1}.modal-close[data-v-1f880920]{position:absolute;top:var(--space-lg);right:var(--space-lg);width:40px;height:40px;border-radius:50%;border:none;background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.modal-close[data-v-1f880920]:hover{background:var(--color-border);transform:scale(1.1)}.modal-grid[data-v-1f880920]{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-2xl)}.modal-image[data-v-1f880920]{position:sticky;top:0;height:fit-content;width:100%;aspect-ratio:5 / 7;background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.modal-image img[data-v-1f880920]{width:100%;height:100%;object-fit:cover}.modal-image__placeholder[data-v-1f880920]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:16px;text-transform:uppercase;letter-spacing:.08em;padding:var(--space-lg);text-align:center}.modal-info[data-v-1f880920]{display:flex;flex-direction:column;gap:var(--space-xl)}.modal-header h2[data-v-1f880920]{margin:0 0 var(--space-sm) 0;font-size:32px}.modal-set-info[data-v-1f880920]{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.modal-set-info p[data-v-1f880920]{margin:0}.modal-badges[data-v-1f880920]{display:flex;gap:var(--space-sm);flex-wrap:wrap}.modal-set-name--clickable[data-v-1f880920]{cursor:pointer;transition:color var(--transition-fast)}.modal-set-name--clickable[data-v-1f880920]:hover{color:var(--color-accent)!important;text-decoration:underline}.modal-price[data-v-1f880920]{padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.modal-price-main[data-v-1f880920]{margin-bottom:var(--space-lg)}.modal-price-value[data-v-1f880920]{margin:var(--space-xs) 0 0 0;font-size:48px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-success) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-price-range[data-v-1f880920]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-divider)}.modal-price-range>div[data-v-1f880920]{display:flex;flex-direction:column;gap:var(--space-xs)}.modal-changes h4[data-v-1f880920]{margin-bottom:var(--space-md)}.modal-changes-grid[data-v-1f880920]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md)}.modal-change-item[data-v-1f880920]{padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-xs)}.modal-chart-header[data-v-1f880920]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.modal-chart-header h4[data-v-1f880920]{margin:0}.modal-chart-tabs[data-v-1f880920]{display:flex;gap:var(--space-xs);background:var(--color-bg-secondary);padding:4px;border-radius:var(--radius-full)}.modal-chart-tab[data-v-1f880920]{padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:14px;font-weight:var(--font-weight-medium);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.modal-chart-tab[data-v-1f880920]:hover{color:var(--color-text)}.modal-chart-tab.active[data-v-1f880920]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.modal-portfolio-stats[data-v-1f880920]{margin-top:var(--space-xl);padding:var(--space-xl);background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-md)}.modal-portfolio-stats h4[data-v-1f880920]{margin:0}.modal-portfolio-stats-grid[data-v-1f880920]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.modal-stat-item[data-v-1f880920]{display:flex;flex-direction:column;gap:var(--space-xs)}.modal-portfolio-section[data-v-1f880920]{margin-top:var(--space-xl);padding:var(--space-xl);background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-md)}.modal-portfolio-section h4[data-v-1f880920]{margin:0}.modal-portfolio-toggle[data-v-1f880920]{display:flex;flex-direction:column;gap:var(--space-sm)}.modal-portfolio-toggle p[data-v-1f880920]{margin:0}.toggle-label[data-v-1f880920]{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);transition:background var(--transition-fast)}.toggle-label[data-v-1f880920]:hover{background:var(--color-border)}.toggle-checkbox[data-v-1f880920]{display:none}.toggle-slider[data-v-1f880920]{position:relative;width:48px;height:28px;background:var(--color-border);border-radius:14px;transition:background var(--transition-fast);flex-shrink:0}.toggle-slider[data-v-1f880920]:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform var(--transition-fast)}.toggle-checkbox:checked+.toggle-slider[data-v-1f880920]{background:var(--color-accent)}.toggle-checkbox:checked+.toggle-slider[data-v-1f880920]:after{transform:translate(20px)}.toggle-text[data-v-1f880920]{font-size:14px;font-weight:var(--font-weight-medium)}.modal-actions[data-v-1f880920]{display:flex;gap:var(--space-md)}.badge-graded[data-v-1f880920]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:var(--font-weight-semibold)}.badge-condition[data-v-1f880920]{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.badge-link[data-v-1f880920]{background:var(--color-bg-secondary);color:var(--color-accent);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:4px;text-decoration:none}.badge-link[data-v-1f880920]:hover{background:var(--color-accent-light);transform:translateY(-1px);box-shadow:0 2px 8px #00d9ff33}.badge-link svg[data-v-1f880920]{flex-shrink:0}.modal-actions .btn[data-v-1f880920]{flex:1}.modal-enter-active[data-v-1f880920],.modal-leave-active[data-v-1f880920]{transition:opacity var(--transition-base)}.modal-enter-from[data-v-1f880920],.modal-leave-to[data-v-1f880920]{opacity:0}.modal-enter-active .modal-content[data-v-1f880920],.modal-leave-active .modal-content[data-v-1f880920]{transition:transform var(--transition-base)}.modal-enter-from .modal-content[data-v-1f880920],.modal-leave-to .modal-content[data-v-1f880920]{transform:scale(.95)}@media(max-width:900px){.modal-grid[data-v-1f880920]{grid-template-columns:1fr}.modal-image[data-v-1f880920]{position:relative;max-width:400px;margin:0 auto}.modal-changes-grid[data-v-1f880920]{grid-template-columns:repeat(2,1fr)}.modal-portfolio-stats-grid[data-v-1f880920]{grid-template-columns:1fr}.modal-price-value[data-v-1f880920]{font-size:36px}.modal-chart-title[data-v-1f880920]{display:none}.modal-chart-header[data-v-1f880920]{justify-content:center}}@media(max-width:600px){.modal-backdrop[data-v-1f880920]{padding:0;align-items:flex-start;overflow:hidden}.modal-content[data-v-1f880920]{border-radius:0;max-height:100vh;height:100vh;max-width:100%;width:100%}.modal-scroll[data-v-1f880920]{padding:var(--space-lg) var(--space-md);padding-top:60px;padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.modal-close[data-v-1f880920]{top:var(--space-md);right:var(--space-md);width:40px;height:40px;background:var(--glass-bg);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid rgba(0,217,255,.3);box-shadow:0 2px 8px #00d9ff26}.modal-close[data-v-1f880920]:hover{background:var(--gradient-electric);border-color:var(--color-electric-blue);box-shadow:0 4px 16px #00d9ff4d}.modal-price[data-v-1f880920]{padding:var(--space-md)}.modal-price-value[data-v-1f880920]{font-size:30px}.modal-changes-grid[data-v-1f880920]{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.modal-actions[data-v-1f880920]{flex-direction:column}}.portfolio-view[data-v-21b455b8]{padding:var(--space-2xl) 0;min-height:calc(100vh - 80px)}.loading-container[data-v-21b455b8]{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center}.loading-spinner[data-v-21b455b8]{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);color:var(--color-text-secondary)}.spinner[data-v-21b455b8]{animation:spin-21b455b8 1s linear infinite;color:var(--color-accent)}@keyframes spin-21b455b8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p[data-v-21b455b8]{font-size:16px;font-weight:var(--font-weight-medium)}.page-header[data-v-21b455b8]{margin-bottom:var(--space-2xl)}.page-header h1[data-v-21b455b8]{margin-bottom:var(--space-sm)}.stats-grid[data-v-21b455b8]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.stat-card[data-v-21b455b8]{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.stat-card-editable[data-v-21b455b8]{cursor:pointer;transition:all var(--transition-fast)}.stat-card-editable[data-v-21b455b8]:hover{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.editable-stat-wrapper[data-v-21b455b8]{display:flex;align-items:center;gap:var(--space-sm)}.stat-value-clickable[data-v-21b455b8]{cursor:pointer;padding:4px;margin:-4px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.stat-value-clickable[data-v-21b455b8]:hover{background:var(--color-bg-secondary)}.stat-value-input[data-v-21b455b8]{font-size:32px;font-weight:var(--font-weight-bold);border:2px solid var(--color-accent);border-radius:var(--radius-md);padding:4px 8px;background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);width:100%;transition:all var(--transition-fast)}.stat-value-input[data-v-21b455b8]:focus{outline:none;box-shadow:0 0 0 3px var(--color-accent-light)}.pencil-icon-stat[data-v-21b455b8]{color:var(--color-text-tertiary);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;cursor:pointer}.stat-card-editable:hover .pencil-icon-stat[data-v-21b455b8],.pencil-icon-stat[data-v-21b455b8]:hover{opacity:1}.stat-label[data-v-21b455b8]{font-size:14px;font-weight:var(--font-weight-medium)}.stat-value[data-v-21b455b8]{font-size:32px;margin:0;font-weight:var(--font-weight-bold)}.stat-note[data-v-21b455b8]{font-size:12px;font-weight:var(--font-weight-medium);margin-top:var(--space-xs)}.stat-change[data-v-21b455b8]{font-size:16px;font-weight:var(--font-weight-medium)}.stat-change-inline[data-v-21b455b8]{font-size:18px;font-weight:var(--font-weight-medium);margin-left:var(--space-sm)}.search-section[data-v-21b455b8]{margin-bottom:var(--space-xl)}.search-bar[data-v-21b455b8]{position:relative;max-width:600px}.search-icon[data-v-21b455b8]{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.search-input[data-v-21b455b8]{padding-left:calc(var(--space-md) + 28px);font-size:16px}.portfolio-controls[data-v-21b455b8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.portfolio-controls h3[data-v-21b455b8]{margin:0}.controls-group[data-v-21b455b8]{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.controls-group.controls-group--stacked[data-v-21b455b8]{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.controls-group.controls-group--stacked[data-v-21b455b8]>*{width:100%}.controls-group.controls-group--stacked .sort-controls[data-v-21b455b8]{grid-column:1 / -1;justify-content:flex-start;gap:var(--space-sm)}.controls-group.controls-group--stacked .filter-select-inline[data-v-21b455b8],.controls-group.controls-group--stacked .sort-select[data-v-21b455b8]{width:100%}.controls-group.controls-group--stacked button[data-v-21b455b8]:not(.sort-direction-btn){width:100%}.filter-select-inline[data-v-21b455b8]{padding:var(--space-sm) var(--space-md);font-size:14px;font-family:var(--font-family);color:var(--color-text);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;cursor:pointer;transition:all var(--transition-fast);min-width:140px}.filter-select-inline[data-v-21b455b8]:hover{border-color:var(--color-text-tertiary)}.filter-select-inline[data-v-21b455b8]:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}.set-selector-wrapper[data-v-21b455b8]{position:relative;min-width:250px}.set-selector-button[data-v-21b455b8]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);text-align:left}.set-dropdown[data-v-21b455b8]{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:400px;display:flex;flex-direction:column}.set-dropdown-search[data-v-21b455b8]{position:relative;padding:var(--space-sm);border-bottom:1px solid var(--color-divider)}.set-search-icon[data-v-21b455b8]{position:absolute;left:calc(var(--space-sm) + var(--space-sm));top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.set-search-input[data-v-21b455b8]{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) calc(var(--space-sm) + 24px);font-size:14px;font-family:var(--font-family);color:var(--color-text);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none}.set-search-input[data-v-21b455b8]:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-light)}.set-dropdown-list[data-v-21b455b8]{overflow-y:auto;max-height:320px}.set-dropdown-item[data-v-21b455b8]{padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color var(--transition-fast);font-size:14px}.set-dropdown-item[data-v-21b455b8]:hover{background:var(--color-bg-secondary)}.set-dropdown-item.active[data-v-21b455b8]{background:var(--color-accent-light);color:var(--color-accent);font-weight:var(--font-weight-medium)}.set-dropdown-empty[data-v-21b455b8]{padding:var(--space-md);text-align:center;color:var(--color-text-tertiary);font-size:14px}.sort-controls[data-v-21b455b8]{display:flex;align-items:center;gap:var(--space-sm)}.sort-label[data-v-21b455b8]{font-size:14px;font-weight:var(--font-weight-medium)}.sort-select[data-v-21b455b8]{padding:var(--space-sm) var(--space-md);font-size:14px;font-family:var(--font-family);color:var(--color-text);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;cursor:pointer;transition:all var(--transition-fast)}.sort-select[data-v-21b455b8]:hover{border-color:var(--color-text-tertiary)}.sort-select[data-v-21b455b8]:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}.sort-direction-btn[data-v-21b455b8]{padding:var(--space-sm);border:none;background:var(--color-bg-secondary);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);width:36px;height:36px}.sort-direction-btn[data-v-21b455b8]:hover{background:var(--color-border)}.cards-grid[data-v-21b455b8]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-md)}.empty-state[data-v-21b455b8]{text-align:center;padding:var(--space-3xl) 0}.empty-state h3[data-v-21b455b8]{margin-bottom:var(--space-md)}.empty-state p[data-v-21b455b8]{margin-bottom:var(--space-xl)}.view-toggle[data-v-21b455b8]{display:flex;gap:4px;background:var(--color-bg-secondary);padding:4px;border-radius:var(--radius-md)}.view-toggle-btn[data-v-21b455b8]{padding:var(--space-sm);border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);width:36px;height:36px}.view-toggle-btn[data-v-21b455b8]:hover{color:var(--color-text);background:#0000000d}.view-toggle-btn.active[data-v-21b455b8]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.table-container[data-v-21b455b8]{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-divider)}.portfolio-table[data-v-21b455b8]{width:100%;border-collapse:collapse;background:var(--color-surface);font-size:14px}.portfolio-table thead[data-v-21b455b8]{background:var(--color-bg-secondary);position:sticky;top:0;z-index:10}.portfolio-table th[data-v-21b455b8]{padding:var(--space-md) var(--space-sm);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:13px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-bottom:2px solid var(--color-divider)}.portfolio-table td[data-v-21b455b8]{padding:var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-divider);white-space:nowrap}.table-row[data-v-21b455b8]{cursor:pointer;transition:background-color var(--transition-fast)}.table-row[data-v-21b455b8]:hover{background:var(--color-bg-secondary)}.table-row--selected[data-v-21b455b8]{background:#0071e314}.table-name-col[data-v-21b455b8]{font-weight:var(--font-weight-medium);min-width:200px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-set-clickable[data-v-21b455b8]{cursor:pointer;transition:color var(--transition-fast)}.table-set-clickable[data-v-21b455b8]:hover{color:var(--color-accent)!important;text-decoration:underline}.table-checkbox-col[data-v-21b455b8]{width:50px;text-align:center}.tcg-link[data-v-21b455b8]{display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent);transition:all var(--transition-fast);padding:4px;border-radius:var(--radius-sm)}.tcg-link[data-v-21b455b8]:hover{color:var(--color-accent);background:var(--color-accent-light);transform:scale(1.1)}.table-checkbox-col .checkbox[data-v-21b455b8]{margin:0 auto;width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.table-checkbox-col .checkbox[data-v-21b455b8]:hover{border-color:var(--color-accent);transform:scale(1.1)}.table-checkbox-col .checkbox--checked[data-v-21b455b8]{background:var(--color-accent);border-color:var(--color-accent)}.selection-toolbar[data-v-21b455b8]{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-divider);box-shadow:0 -4px 12px #0000001a;z-index:100;padding:var(--space-lg) 0}.selection-toolbar__content[data-v-21b455b8]{max-width:1400px;margin:0 auto;padding:0 var(--space-2xl);display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.selection-toolbar__count[data-v-21b455b8]{font-weight:var(--font-weight-semibold);font-size:16px}.selection-toolbar__actions[data-v-21b455b8]{display:flex;gap:var(--space-md)}.slide-up-enter-active[data-v-21b455b8],.slide-up-leave-active[data-v-21b455b8]{transition:transform var(--transition-base),opacity var(--transition-base)}.slide-up-enter-from[data-v-21b455b8],.slide-up-leave-to[data-v-21b455b8]{transform:translateY(100%);opacity:0}@media(max-width:1400px){.cards-grid[data-v-21b455b8]{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.stats-grid[data-v-21b455b8]{grid-template-columns:repeat(2,1fr)}.cards-grid[data-v-21b455b8]{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.cards-grid[data-v-21b455b8]{grid-template-columns:repeat(2,1fr)}.portfolio-controls[data-v-21b455b8]{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.portfolio-controls h3[data-v-21b455b8]{width:100%}.filter-select-inline[data-v-21b455b8],.sort-select[data-v-21b455b8]{min-width:0}.sort-direction-btn[data-v-21b455b8]{width:44px;height:44px}}.badge-graded[data-v-21b455b8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:var(--font-weight-semibold)}.badge-condition[data-v-21b455b8]{background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:11px}@media(max-width:600px){.stats-grid[data-v-21b455b8]{grid-template-columns:1fr}.cards-grid[data-v-21b455b8]{grid-template-columns:repeat(2,1fr)}.controls-group.controls-group--stacked[data-v-21b455b8]{grid-template-columns:1fr}.stat-value[data-v-21b455b8]{font-size:24px}.sort-controls[data-v-21b455b8]{width:100%;flex-wrap:wrap}.selection-toolbar__content[data-v-21b455b8]{flex-direction:column;align-items:stretch;padding:0 var(--space-md)}.selection-toolbar__actions[data-v-21b455b8]{flex-wrap:wrap;width:100%;gap:var(--space-sm)}.selection-toolbar__actions .btn[data-v-21b455b8]{flex:1 1 calc(50% - var(--space-sm))}.selection-toolbar__actions .btn[data-v-21b455b8]:last-child{flex-basis:100%}}