:root{--color-primary:#0ff;--color-secondary:#00b8d4;--color-accent-neutral:#0a0a0a;--color-accent-light:#1a1a1a;--color-highlight:#00e5ff;--primary-50:azure;--primary-100:#e0ffff;--primary-200:#b8f5f5;--primary-300:#80ebeb;--primary-400:#40e0e0;--primary-500:#0ff;--primary-600:#0cc;--primary-700:#099;--primary-800:#066;--primary-900:#033;--secondary-50:#e6f7ff;--secondary-100:#bae7ff;--secondary-200:#7dd3fc;--secondary-300:#38bdf8;--secondary-400:#0ea5e9;--secondary-500:#00b8d4;--secondary-600:#0284c7;--secondary-700:#0369a1;--secondary-800:#075985;--secondary-900:#0c4a6e;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--white:#fff;--black:#000;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--text-primary:#0ff;--text-secondary:#00b8d4;--text-muted:#666;--text-inverse:#000;--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--bg-dark:#000;--border-light:#333;--border-medium:#555;--border-dark:#777;--shadow-xs:0 1px 2px 0 rgba(0,255,255,.1);--shadow-sm:0 1px 3px 0 rgba(0,255,255,.15),0 1px 2px -1px rgba(0,255,255,.1);--shadow-md:0 4px 6px -1px rgba(0,255,255,.2),0 2px 4px -2px rgba(0,255,255,.15);--shadow-lg:0 10px 15px -3px rgba(0,255,255,.25),0 4px 6px -4px rgba(0,255,255,.2);--shadow-xl:0 20px 25px -5px rgba(0,255,255,.3),0 8px 10px -6px rgba(0,255,255,.25);--shadow-2xl:0 25px 50px -12px rgba(0,255,255,.4);--shadow-card:0 20px 25px -5px rgba(0,255,255,.2),0 8px 10px -6px rgba(0,255,255,.15);--shadow-card-lg:0 25px 50px -12px rgba(0,255,255,.3);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-serif:"Playfair Display",Georgia,Cambria,"Times New Roman",Times,serif;--font-family-mono:"JetBrains Mono","Fira Code","Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--gradient-card-primary:linear-gradient(135deg,#4f8cff,#2563eb);--gradient-card-secondary:linear-gradient(135deg,#2563eb,#1e40af);--gradient-card-accent:linear-gradient(135deg,#60a5fa,#3b82f6);--gradient-admin-primary:linear-gradient(135deg,#f59e0b,#d97706);--gradient-admin-secondary:linear-gradient(135deg,#ef4444,#dc2626);--gradient-admin-accent:linear-gradient(135deg,#10b981,#059669);--gradient-dashboard-primary:linear-gradient(135deg,#8b5cf6,#7c3aed);--gradient-dashboard-secondary:linear-gradient(135deg,#06b6d4,#0891b2);--gradient-dashboard-accent:linear-gradient(135deg,#f97316,#ea580c)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);background-attachment:fixed;min-height:100vh;overflow-x:visible;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(0,255,255,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,255,.03) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,184,212,.02) 0,transparent 50%);pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:-.025em}h1{font-size:var(--font-size-4xl)}h1,h2{font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h3,h4{font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h5,h6{font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4);color:var(--text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--primary-600);transition:all var(--transition-fast);position:relative}a,a:hover{text-decoration:none}a:hover{color:var(--primary-700)}a:focus{outline:2px solid var(--primary-500);outline-offset:2px}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}:focus{outline:2px solid var(--primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:#667eea;color:#fff}::-moz-selection{background-color:#667eea;color:#fff}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}}@media (max-width:640px){.sm\:text-center{text-align:center}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}}@media (max-width:768px){.md\:text-center{text-align:center}.md\:text-left{text-align:left}.md\:text-right{text-align:right}}@media (max-width:1024px){.lg\:text-center{text-align:center}.lg\:text-left{text-align:left}.lg\:text-right{text-align:right}}@media (max-width:767px){*{box-sizing:border-box}body,html{overflow-x:hidden;width:100%;max-width:100vw;-webkit-overflow-scrolling:touch}.admin-container,.card-grid,.container,.dashboard-container,.dashboard-grid,.deck-cards-container,.deck-cards-content,.deck-cards-grouped,.deck-details-panel,.decks-content,.form-grid,.mtg-decks-container,.users-grid{overflow-x:hidden;width:100%;max-width:100%}.h1,h1{font-size:1.75rem;line-height:1.2}.h2,h2{font-size:1.5rem;line-height:1.3}.h3,h3{font-size:1.25rem}.h3,.h4,h3,h4{line-height:1.4}.h4,h4{font-size:1.125rem}.h5,h5{font-size:1rem}.h5,.h6,h5,h6{line-height:1.5}.h6,h6{font-size:.875rem}body{font-size:.9rem;line-height:1.6}.container{padding-left:1rem;padding-right:1rem;margin:0}.btn{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px;min-height:44px;touch-action:manipulation}.grid{grid-template-columns:1fr;gap:.75rem}.flex{flex-direction:column}.flex-row{flex-direction:row;flex-wrap:wrap}.w-full{width:100%}.w-auto{width:auto}.h-auto{height:auto}.h-screen{height:100vh}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}}@media (max-width:480px){.container{padding-left:.75rem;padding-right:.75rem}.h1,h1{font-size:1.5rem}.h2,h2{font-size:1.25rem}.h3,h3{font-size:1.125rem}.p-4{padding:.75rem}.p-6{padding:1rem}.p-8{padding:1.5rem}.m-4{margin:.75rem}.m-6{margin:1rem}.m-8{margin:1.5rem}}@media (max-width:767px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.text-center-mobile{text-align:center!important}.text-left-mobile{text-align:left!important}.text-right-mobile{text-align:right!important}.flex-mobile-col{flex-direction:column!important}.flex-mobile-row{flex-direction:row!important}.flex-mobile-wrap{flex-wrap:wrap!important}.w-mobile-full{width:100%!important}.w-mobile-auto{width:auto!important}.overflow-mobile-hidden{overflow:hidden!important}.overflow-mobile-auto{overflow:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-weight-medium);text-decoration:none;border:1px solid rgba(0,255,255,.3);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-lg);font-size:var(--font-size-base);line-height:1;padding:var(--space-3) var(--space-6);position:relative;overflow:hidden;font-family:inherit;background:rgba(0,255,255,.05);color:var(--color-primary)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);transition:left .6s ease}.btn:hover:before{left:100%}.btn:hover{background:rgba(0,255,255,.1);border-color:rgba(0,255,255,.5);color:var(--color-highlight);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,255,255,.3)}.btn-card-primary{background:var(--gradient-card-primary);border:2px solid #4f8cff;color:var(--white);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-card)}.btn-card-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-card-lg);border-color:#2563eb}.btn-card-secondary{background:var(--gradient-card-secondary);border:2px solid #2563eb;color:var(--white);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-card)}.btn-card-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-card-lg);border-color:#1e40af}.btn-admin-primary{background:var(--gradient-admin-primary);border:2px solid #f59e0b;color:var(--white);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-lg)}.btn-admin-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:#d97706}.btn-admin-secondary{background:var(--gradient-admin-secondary);border:2px solid #ef4444;color:var(--white);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-lg)}.btn-admin-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:#dc2626}.btn-dashboard-primary{background:var(--gradient-dashboard-primary);border:2px solid #8b5cf6;color:var(--white);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-lg)}.btn-dashboard-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:#7c3aed}.btn-dashboard-secondary{background:var(--gradient-dashboard-secondary);border:2px solid #06b6d4;color:var(--white);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-lg)}.btn-dashboard-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:#0891b2}.card{background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(42,42,42,.6));border-radius:var(--radius-2xl);box-shadow:0 10px 30px rgba(0,255,255,.2),0 0 60px rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.3);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ff,#00b8d4,#0ff);background-size:200% 100%;animation:fractalFlow 3s ease-in-out infinite}@keyframes fractalFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,255,255,.3),0 0 80px rgba(0,255,255,.2);border-color:rgba(0,255,255,.6)}.card-collection-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--gray-200);overflow:hidden;transition:all var(--transition-fast)}.card-collection-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-lg)}.form{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-8);border:1px solid var(--border-light)}.form-group{margin-bottom:var(--space-6)}.form-label{color:var(--text-primary);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-4);border:2px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-fast);background:var(--white);font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(139,90,150,.1)}.form-select{cursor:pointer}.form-textarea{resize:vertical;min-height:120px}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.spinner{width:32px;height:32px;border:3px solid var(--color-accent-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.notice{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm)}.notice.success{background:linear-gradient(135deg,#4ade80,#22c55e);color:var(--white)}.notice.error{background:linear-gradient(135deg,#f87171,#ef4444);color:var(--white)}.notice.info{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:var(--white)}.notice.warning{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:var(--white)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);padding:var(--space-8);max-width:500px;animation:scaleIn .3s ease-out}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;font-size:var(--font-size-xl);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text-primary);background:var(--gray-100)}.table{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.table th{background:var(--gradient-primary);color:var(--white);text-align:left;font-weight:var(--font-weight-bold)}.table td,.table th{padding:var(--space-4)}.table td{border-bottom:1px solid var(--border-light)}.table tr:hover{background:var(--color-accent-light)}.nav{background:var(--white);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.nav-item{padding:var(--space-4) var(--space-6);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-fast);font-weight:var(--font-weight-medium)}.nav-item:hover{background:var(--color-accent-light);color:var(--color-primary)}.nav-item.active{background:var(--gradient-primary);color:var(--white)}.badge{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.badge.success{background:linear-gradient(135deg,#4ade80,#22c55e);color:var(--white)}.badge.error{background:linear-gradient(135deg,#f87171,#ef4444);color:var(--white)}.badge.info{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:var(--white)}.badge.warning{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:var(--white)}.icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);color:var(--white);font-size:var(--font-size-lg);box-shadow:var(--shadow-sm)}.icon.primary{background:var(--gradient-primary)}.icon.secondary{background:var(--gradient-secondary)}.icon.card{background:var(--gradient-card-primary)}.icon.admin{background:var(--gradient-admin-primary)}.icon.dashboard{background:var(--gradient-dashboard-primary)}.grid{gap:var(--space-6)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.2}.subtitle,.title{font-family:var(--font-family-serif);text-align:center}.subtitle{font-size:var(--font-size-xl);color:var(--color-secondary);margin-bottom:var(--space-8);font-weight:var(--font-weight-medium)}.text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin-bottom:var(--space-4)}.divider{height:2px;background:var(--gradient-primary);margin:var(--space-8) 0;border-radius:var(--radius-full);position:relative}.divider:before{content:"❦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--white);padding:0 var(--space-4);color:var(--color-primary);font-size:var(--font-size-lg)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.title{font-size:var(--font-size-3xl)}.subtitle{font-size:var(--font-size-lg)}.modal-content{padding:var(--space-6);margin:var(--space-4)}.btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .5s ease-out}.scale-in{animation:scaleIn .3s ease-out}.focus-ring,.focus-ring:focus{outline:2px solid var(--primary-500);outline-offset:2px}.hover-lift{transition:transform var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.btn,.modal,.nav{display:none!important}.card{box-shadow:none!important;border:1px solid var(--border-light)!important}}@media (max-width:767px){body,html{overflow-x:hidden!important;width:100%!important;max-width:100vw!important}.top-nav{padding:0!important;min-height:60px!important;overflow-x:hidden!important;overflow-y:hidden!important}.nav-container,.top-nav{height:60px!important;width:100%!important;max-width:100%!important}.nav-container{padding:0 1rem!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;overflow:hidden!important}.nav-brand{font-size:1.125rem!important;justify-content:flex-start!important;cursor:pointer!important}.nav-logo{width:36px!important;height:36px!important}.nav-logo i{font-size:20px!important}.nav-brand-text{display:block!important}.desktop-nav-menu,.desktop-nav-right,.nav-dropdown-trigger span,.nav-user-info{display:none!important}.nav-dropdown-menu{min-width:200px!important;right:0!important;left:auto!important}.nav-dropdown-menu.user-dropdown{min-width:240px!important}.mobile-nav-menu{padding-top:60px!important}.card-collection-container{overflow-x:hidden!important;max-width:100vw!important;margin-top:60px!important}.card-collection-container,.multi-select-bar{width:100%!important;box-sizing:border-box!important}.multi-select-bar{max-width:100%!important;flex-direction:column!important;gap:1rem!important;padding:1rem!important;text-align:center!important}.clear-btn,.multi-select-bar span{font-size:1rem!important}.clear-btn{width:100%!important;min-height:44px!important}.card-collection-header{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:1rem!important;margin:0!important;border-radius:0!important}.header-content{flex-direction:column!important;gap:1.5rem!important;text-align:center!important;width:100%!important}.title-section{order:1!important}.card-collection-title{font-size:1.5rem!important;margin-bottom:.5rem!important;word-wrap:break-word!important;justify-content:center!important}.card-collection-subtitle{font-size:.875rem!important;margin:0!important}.collection-stats{order:2!important;flex-direction:row!important;justify-content:center!important;gap:2rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:0 1rem!important}.stat-item{text-align:center!important;flex:1!important;max-width:50%!important;display:flex!important;flex-direction:column!important;gap:.25rem!important}.stat-number{font-size:1.5rem!important;order:1!important}.stat-label,.stat-number{word-wrap:break-word!important}.stat-label{font-size:.75rem!important;order:2!important}.card-collection-actions{order:3!important;flex-direction:column!important;gap:.75rem!important;width:100%!important}.card-collection-actions button{width:100%!important;min-height:48px!important;font-size:1rem!important;padding:.875rem 1rem!important}.filters-section{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:1rem!important;margin:0!important}.filters-header{gap:1rem!important;width:100%!important}.filters-header-top{flex-direction:column!important;gap:1rem!important;align-items:stretch!important}.filters-title{font-size:1.25rem!important;text-align:center!important}.filters-actions{justify-content:center!important}.filter-action-btn{width:100%!important;min-height:44px!important;font-size:1rem!important}.filters-grid{grid-template-columns:1fr!important;gap:1rem!important}.filter-item,.filters-grid{width:100%!important}.filter-item label{font-size:.875rem!important;margin-bottom:.5rem!important}.filter-item input,.filter-item select{width:100%!important;min-height:44px!important;font-size:16px!important;padding:.75rem!important;box-sizing:border-box!important}.searchable-dropdown{position:relative!important;width:100%!important}.dropdown-options{max-height:200px!important;overflow-y:auto!important;width:100%!important}.dropdown-option{padding:.75rem!important;min-height:44px!important}.card-grid{max-width:100%!important}.card-grid,.card-item{width:100%!important;box-sizing:border-box!important}.card-name{word-wrap:break-word!important}.pagination{flex-direction:column!important;gap:1rem!important;padding:1rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.pagination-info{text-align:center!important;font-size:.875rem!important}.pagination-controls{justify-content:center!important;gap:.25rem!important;padding:0 1rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;flex-wrap:nowrap!important}.pagination-btn{min-height:44px!important;min-width:44px!important;font-size:1rem!important;margin:0!important;padding:.75rem!important}}@media (max-width:480px){.card-collection-container{margin-top:60px!important}.card-collection-header{padding:1rem .75rem!important}.card-collection-title{font-size:1.25rem!important}.collection-stats{gap:1.5rem!important}.stat-number{font-size:1.25rem!important}.filters-section{padding:0 .75rem .75rem .75rem!important}.card-grid{padding:.75rem!important;gap:.75rem!important}.card-image{height:180px!important}}@media (max-width:767px){.mtg-decks-container{overflow-x:visible!important;overflow-y:visible!important;max-width:100vw!important;margin-top:60px!important}.decks-header,.mtg-decks-container{width:100%!important;box-sizing:border-box!important}.decks-header{max-width:100%!important;padding:1.5rem 1rem!important;margin:0 0 1rem 0!important;border-radius:0!important;flex-direction:column!important;align-items:stretch!important;gap:1.5rem!important}.decks-header .header-content{flex-direction:row!important;gap:1rem!important;text-align:left!important;margin-bottom:0!important;align-items:center!important;justify-content:flex-start!important}.decks-header .header-icon{font-size:2rem!important;flex-shrink:0!important}.decks-header .page-title{font-size:1.5rem!important;margin-bottom:.25rem!important;flex:1!important}.decks-header .page-subtitle{font-size:.875rem!important;margin:0!important}.decks-header .header-stats{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:1rem!important;align-items:start!important;width:100%!important}.decks-header .header-stats .delete-deck-header-btn{grid-column:1!important;grid-row:1!important;justify-self:start!important}.decks-header .header-stats .stat-item{grid-column:2!important;grid-row:1!important;justify-self:end!important}.decks-header .header-stats .deck-dropdown-container{grid-column:1/-1!important;grid-row:2!important;width:100%!important}.decks-header .stat-number{font-size:1.5rem!important}.decks-header .stat-label{font-size:.75rem!important}.deck-dropdown-btn,.deck-dropdown-container{width:100%!important}.deck-dropdown-btn{min-height:52px!important;font-size:1.125rem!important;padding:1rem 1.5rem!important}.deck-dropdown{width:100%!important;max-width:100%!important}.create-deck-dropdown-btn{width:100%!important;min-height:48px!important;font-size:1rem!important}.deck-dropdown-item{padding:1rem 1.5rem!important;min-height:48px!important}.deck-name{font-size:1.125rem!important}.deck-date{font-size:.875rem!important}.decks-content{padding:0 1rem 1rem 1rem!important;box-sizing:border-box!important}.deck-details-panel,.decks-content{width:100%!important;max-width:100%!important}.deck-details-panel{border-radius:0!important;overflow:hidden!important}.panel-header{flex-direction:column!important;gap:1rem!important;padding:1.5rem!important;text-align:center!important}.panel-title{font-size:1.5rem!important}.deck-stats-right,.panel-title{justify-content:center!important}.deck-stats-right{flex-direction:row!important;gap:2rem!important}.deck-stats-right .stat-number{font-size:1.75rem!important}.deck-stats-right .stat-label{font-size:.875rem!important}.deck-cards-container{padding:1.5rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-bottom:1.5rem!important;margin:0!important;display:block!important;flex-direction:unset!important;gap:unset!important}.deck-cards-grouped{grid-auto-flow:unset!important;grid-template-columns:unset!important;grid-gap:unset!important;overflow:visible!important}.deck-cards-grouped,.deck-column{display:flex!important;flex-direction:column!important;gap:1.5rem!important;width:100%!important;max-width:100%!important}.deck-column{min-width:unset!important}.card-type-group{padding:1.5rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.card-type-title{font-size:1.25rem!important;margin-bottom:1rem!important}.deck-cards-grid .card-component,.deck-cards-grid .card-stack{width:223px!important;max-width:100%!important}.deck-cards-content{flex:1!important;margin:0!important;padding:0!important}.deck-cards-content,.deck-cards-content .card-item.mtg,.deck-cards-content .mtg-card-component{width:100%!important;max-width:100%!important}.deck-cards-content .card-item.mtg{height:auto!important;position:relative!important}.deck-cards-content .card-item-image{width:100%!important;height:auto!important;max-height:350px!important;-o-object-fit:contain!important;object-fit:contain!important;border-radius:8px!important}.deck-cards-content .card-stack{height:calc(310px + var(--max-stack-index, 0)*40px)!important;display:flex!important;justify-content:start!important;align-items:start!important;overflow:visible!important}.deck-cards-content .card-stack,.deck-cards-content .card-stack .card-item{width:100%!important;max-width:100%!important;position:relative!important}.deck-cards-content .card-stack .card-item.stacked{position:absolute!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;transform-origin:center!important}.deck-cards-content .card-stack .card-item.stacked:not(:first-child){transform:translateY(calc(var(--stack-index, 1)*40px))!important;opacity:1!important}.deck-cards-content .card-stack .card-item-image{width:100%!important;height:auto!important;max-height:350px!important;-o-object-fit:contain!important;object-fit:contain!important}.deck-settings-column{z-index:100!important}.deck-settings-column,.mobile-floating-buttons{position:fixed!important;bottom:1rem!important;right:1rem!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;top:auto!important;left:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important}.mobile-floating-buttons{z-index:1000!important}.add-card-plus-btn{width:56px!important;height:56px!important;border-radius:50%!important;font-size:1.5rem!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important;order:2!important;background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important}.deck-settings-container{order:1!important}.settings-cog-btn{width:48px!important;height:48px!important;border-radius:50%!important;font-size:1.25rem!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important;background:#374151!important;color:#fff!important;border:none!important}.settings-dropdown{position:absolute!important;bottom:100%!important;right:0!important;margin-bottom:.5rem!important;background:#fff!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;min-width:200px!important}.settings-dropdown-btn{width:100%!important;padding:.75rem 1rem!important;min-height:44px!important;font-size:1rem!important;text-align:left!important}.delete-deck-header-btn{position:static!important;width:48px!important;height:48px!important;border-radius:50%!important;font-size:1.25rem!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important;background:#ef4444!important;color:#fff!important;border:none!important}.empty-deck{padding:2rem 1rem!important;text-align:center!important;width:100%!important}.empty-deck h4{font-size:1.25rem!important;margin-bottom:.5rem!important}.empty-deck p{font-size:.875rem!important;margin-bottom:1rem!important}.add-first-card-btn{width:100%!important;min-height:48px!important;font-size:1rem!important;padding:.875rem 1rem!important}.loading-container{padding:2rem 1rem!important;text-align:center!important}.loading-spinner{font-size:2rem!important;margin-bottom:1rem!important}.no-deck-selected{padding:2rem 1rem!important;text-align:center!important}.no-deck-content,.no-deck-selected{width:100%!important}.no-deck-content h3{font-size:1.25rem!important;margin-bottom:.5rem!important}.no-deck-content p{font-size:.875rem!important}}@media (max-width:480px){.mtg-decks-container{margin-top:60px!important}.decks-header{padding:1rem .75rem!important}.decks-header .page-title{font-size:1.25rem!important}.deck-stats-right{gap:1.5rem!important}.deck-stats-right .stat-number{font-size:1.25rem!important}.decks-content{padding:0 .75rem .75rem .75rem!important}.deck-cards-content .card-item-image{max-height:250px!important}.add-card-plus-btn{width:52px!important;height:52px!important;font-size:1.5rem!important}.delete-deck-header-btn,.settings-cog-btn{width:48px!important;height:48px!important;font-size:1.25rem!important}}@media (max-width:767px){.camera-video{height:250px!important}.scan-frame{width:160px!important;height:224px!important}.card-preview{flex-direction:column!important;align-items:center!important;text-align:center!important}.scan-instructions{font-size:.8rem!important;margin:.5rem 0!important}.camera-controls{flex-direction:column!important;gap:.75rem!important}.scan-btn{width:100%!important;max-width:200px!important}.result-header{flex-direction:column!important;gap:1rem!important;align-items:stretch!important}.scan-again-btn{align-self:center!important}}@media (min-width:768px){.h1,h1{font-size:2.5rem;line-height:1.1}.h2,h2{font-size:2rem;line-height:1.2}.h3,h3{font-size:1.75rem;line-height:1.3}.h4,h4{font-size:1.5rem;line-height:1.4}.h5,h5{font-size:1.25rem}.h5,.h6,h5,h6{line-height:1.5}.h6,body,h6{font-size:1rem}body{line-height:1.6}.btn{padding:.875rem 1.5rem;font-size:1rem;border-radius:.5rem;min-height:40px}.btn-sm{padding:.625rem 1rem;font-size:.875rem;min-height:32px}.btn-lg{padding:1.125rem 2rem;font-size:1.125rem;min-height:48px}.form-input,.form-select,.form-textarea{padding:.875rem;font-size:1rem;border-radius:.5rem;min-height:40px}.card{padding:1.5rem;border-radius:.75rem;margin-bottom:1rem}.nav{padding:1rem}.nav-item{margin-bottom:0;margin-right:1rem}.modal{padding:2rem}.modal-content{border-radius:.75rem;margin:0;max-width:600px}.modal-body,.modal-footer,.modal-header{padding:1.5rem}.grid{gap:1.5rem}.flex{flex-direction:row}.flex-col{flex-direction:column}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.w-full{width:100%}.w-auto{width:auto}.h-auto{height:auto}.h-screen{height:100vh}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}}@media (min-width:992px){.h1,h1{font-size:3rem}.h2,h2{font-size:2.5rem}.h3,h3{font-size:2rem}.container{max-width:1200px}.card{padding:2rem;border-radius:1rem}.modal-content{max-width:800px}.modal-body,.modal-footer,.modal-header{padding:2rem}.grid{gap:2rem}}@media (min-width:1200px){.h1,h1{font-size:3.5rem}.h2,h2{font-size:3rem}.h3,h3{font-size:2.25rem}.container{max-width:1400px}.p-8{padding:3rem}.m-8{margin:3rem}.card{padding:2.5rem;border-radius:1.25rem}.modal-content{max-width:1000px}.modal-body,.modal-footer,.modal-header{padding:2.5rem}}@media (min-width:768px){.desktop-nav{display:flex}.mobile-menu-toggle,.mobile-nav{display:none}.sidebar{position:static;width:auto;height:auto;transform:none}.sidebar-overlay{display:none}.top-nav{padding:1rem 2rem;height:80px}.nav-menu{display:flex;flex-direction:row;position:static;background:none;box-shadow:none}.nav-item,.nav-menu{border:none;padding:0}.nav-item{margin:0 1rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.card{min-height:250px}.card-image{height:150px}.card-title{font-size:1rem;line-height:1.4}.card-text{font-size:.9rem;line-height:1.5}.filter-section{flex-direction:row;gap:1rem}.filter-item{width:auto}.search-input{width:300px;margin-bottom:0}.deck-cards-container{grid-template-columns:50px 1fr;gap:1.5rem;padding:2rem}.deck-settings-column{position:static;flex-direction:column;gap:1rem}.deck-settings-container{position:relative}.settings-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem}.card-stack{margin:.5rem}.card-stack-image{width:80px;height:112px}.deck-stats{flex-direction:row;gap:1rem;text-align:left}.stat-item{font-size:1rem}.admin-container{padding:2rem}.admin-header{flex-direction:row;gap:2rem;text-align:left}.admin-actions{flex-direction:row;gap:1rem}.users-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.user-card{padding:1.5rem}.user-card-header{flex-direction:row;gap:1rem;text-align:left}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-actions{flex-direction:row;gap:1rem}.form-actions .btn{width:auto}.dashboard-container{padding:2rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.dashboard-card{padding:1.5rem}.dashboard-stats{flex-direction:row;gap:1rem;text-align:left}.chart-container{height:300px}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.nav-item:hover{color:var(--primary-600)}.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 3px rgba(59,130,246,.1)}.btn,.card,.form-input,.form-select,.form-textarea,.nav-item{transition:all .2s ease-in-out}.btn:hover,.card:hover{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.container{padding-left:2rem;padding-right:2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.btn,.card,.modal-content{will-change:transform}.modal-body,.sidebar{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}}@media (min-width:768px){.modal-body::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:#f1f5f9}.modal-body::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.grid{display:grid;gap:1rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.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)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}@media (max-width:767px){.top-nav{padding:0!important;min-height:60px!important}.nav-container,.top-nav{width:100%!important;max-width:100%!important;height:60px!important}.nav-container{padding:0 1rem!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.nav-brand{font-size:1.125rem!important;justify-content:flex-start!important;cursor:pointer!important}.nav-logo{width:36px!important;height:36px!important}.nav-logo i{font-size:20px!important}.nav-brand-text{display:block!important}.desktop-nav-menu,.desktop-nav-right,.nav-dropdown-trigger span,.nav-user-info{display:none!important}.nav-dropdown-menu{min-width:200px!important;right:0!important;left:auto!important}.nav-dropdown-menu.user-dropdown{min-width:240px!important}}@media (max-width:480px){.nav-container{padding:0 .75rem!important}.nav-logo{width:32px!important;height:32px!important}.nav-logo i{font-size:18px!important}.nav-brand{font-size:1rem!important}}@media (max-width:767px){.card-grid{grid-template-columns:1fr!important;gap:1rem!important;padding:1rem!important}.card-item{max-width:100%!important;margin:0!important}.card-image{height:200px!important}.collection-header{flex-direction:column!important;gap:1rem!important;padding:1rem!important}.collection-title{font-size:1.5rem!important;text-align:center!important}.collection-actions{flex-direction:column!important;gap:.5rem!important;width:100%!important}.collection-actions button{width:100%!important;min-height:44px!important}.search-controls{flex-direction:column!important;gap:1rem!important;padding:1rem!important}.search-input{width:100%!important;min-height:44px!important}.filter-controls{flex-direction:column!important;gap:.5rem!important;width:100%!important}.filter-select{width:100%!important;min-height:44px!important}.card-modal{width:95%!important;max-width:95%!important;margin:1rem!important;max-height:90vh!important}.card-modal-content{flex-direction:column!important;gap:1rem!important}.card-modal-image{width:100%!important;height:200px!important}.card-modal-details{width:100%!important;padding:1rem!important}.deck-grid{grid-template-columns:1fr!important;gap:1rem!important;padding:1rem!important}.deck-item{max-width:100%!important}.deck-actions{flex-direction:column!important;gap:.5rem!important}.deck-actions button{width:100%!important;min-height:44px!important}.form-group{margin-bottom:1rem!important}.form-control{width:100%!important;min-height:44px!important;font-size:16px!important}.form-label{font-size:.875rem!important;margin-bottom:.5rem!important}.btn{min-height:44px!important;font-size:16px!important;padding:.75rem 1rem!important}.btn-sm{min-height:40px!important;padding:.5rem .75rem!important}.modal{padding:1rem!important}.modal-content{width:100%!important;max-width:100%!important;margin:0!important;border-radius:.5rem!important}.modal-body,.modal-footer,.modal-header{padding:1rem!important}.modal-footer{flex-direction:column!important;gap:.5rem!important}.modal-footer button{width:100%!important;min-height:44px!important}}@media (max-width:480px){.card-grid{gap:.75rem!important}.card-grid,.collection-header,.search-controls{padding:.75rem!important}.card-modal{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important;height:100vh!important;max-height:100vh!important}.modal{padding:.5rem!important}.modal-content{border-radius:.25rem!important}}@media (min-width:640px){.grid-cols-1{grid-template-columns:repeat(1,1fr)}.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 (min-width:768px){.grid-cols-1{grid-template-columns:repeat(1,1fr)}.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 (min-width:1024px){.grid-cols-1{grid-template-columns:repeat(1,1fr)}.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 (min-width:1280px){.grid-cols-1{grid-template-columns:repeat(1,1fr)}.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 (min-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:inline-block{display:inline-block}.sm\:inline-flex{display:inline-flex}}@media (min-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:inline{display:inline}.md\:inline-block{display:inline-block}.md\:inline-flex{display:inline-flex}}@media (min-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:inline{display:inline}.lg\:inline-block{display:inline-block}.lg\:inline-flex{display:inline-flex}}@media (min-width:1280px){.xl\:hidden{display:none}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:inline{display:inline}.xl\:inline-block{display:inline-block}.xl\:inline-flex{display:inline-flex}}@media (min-width:640px){.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}.sm\:text-sm{font-size:.875rem}.sm\:text-base{font-size:1rem}.sm\:text-lg{font-size:1.125rem}.sm\:text-xl{font-size:1.25rem}.sm\:text-2xl{font-size:1.5rem}}@media (min-width:768px){.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}.md\:text-sm{font-size:.875rem}.md\:text-base{font-size:1rem}.md\:text-lg{font-size:1.125rem}.md\:text-xl{font-size:1.25rem}.md\:text-2xl{font-size:1.5rem}}@media (min-width:1024px){.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}.lg\:text-sm{font-size:.875rem}.lg\:text-base{font-size:1rem}.lg\:text-lg{font-size:1.125rem}.lg\:text-xl{font-size:1.25rem}.lg\:text-2xl{font-size:1.5rem}}@media (min-width:1280px){.xl\:text-left{text-align:left}.xl\:text-center{text-align:center}.xl\:text-right{text-align:right}.xl\:text-sm{font-size:.875rem}.xl\:text-base{font-size:1rem}.xl\:text-lg{font-size:1.125rem}.xl\:text-xl{font-size:1.25rem}.xl\:text-2xl{font-size:1.5rem}}@media (min-width:640px){.sm\:p-0{padding:0}.sm\:p-1{padding:.25rem}.sm\:p-2{padding:.5rem}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:m-0{margin:0}.sm\:m-1{margin:.25rem}.sm\:m-2{margin:.5rem}.sm\:m-3{margin:.75rem}.sm\:m-4{margin:1rem}.sm\:m-6{margin:1.5rem}.sm\:m-8{margin:2rem}}@media (min-width:768px){.md\:p-0{padding:0}.md\:p-1{padding:.25rem}.md\:p-2{padding:.5rem}.md\:p-3{padding:.75rem}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:m-0{margin:0}.md\:m-1{margin:.25rem}.md\:m-2{margin:.5rem}.md\:m-3{margin:.75rem}.md\:m-4{margin:1rem}.md\:m-6{margin:1.5rem}.md\:m-8{margin:2rem}}@media (min-width:1024px){.lg\:p-0{padding:0}.lg\:p-1{padding:.25rem}.lg\:p-2{padding:.5rem}.lg\:p-3{padding:.75rem}.lg\:p-4{padding:1rem}.lg\:p-6{padding:1.5rem}.lg\:p-8{padding:2rem}.lg\:m-0{margin:0}.lg\:m-1{margin:.25rem}.lg\:m-2{margin:.5rem}.lg\:m-3{margin:.75rem}.lg\:m-4{margin:1rem}.lg\:m-6{margin:1.5rem}.lg\:m-8{margin:2rem}}@media (min-width:1280px){.xl\:p-0{padding:0}.xl\:p-1{padding:.25rem}.xl\:p-2{padding:.5rem}.xl\:p-3{padding:.75rem}.xl\:p-4{padding:1rem}.xl\:p-6{padding:1.5rem}.xl\:p-8{padding:2rem}.xl\:m-0{margin:0}.xl\:m-1{margin:.25rem}.xl\:m-2{margin:.5rem}.xl\:m-3{margin:.75rem}.xl\:m-4{margin:1rem}.xl\:m-6{margin:1.5rem}.xl\:m-8{margin:2rem}}@media (min-width:640px){.sm\:w-full{width:100%}.sm\:w-auto{width:auto}.sm\:w-1\/2{width:50%}.sm\:w-1\/3{width:33.333333%}.sm\:w-2\/3{width:66.666667%}.sm\:w-1\/4{width:25%}.sm\:w-3\/4{width:75%}}@media (min-width:768px){.md\:w-full{width:100%}.md\:w-auto{width:auto}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:w-1\/4{width:25%}.md\:w-3\/4{width:75%}}@media (min-width:1024px){.lg\:w-full{width:100%}.lg\:w-auto{width:auto}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.lg\:w-1\/4{width:25%}.lg\:w-3\/4{width:75%}}@media (min-width:1280px){.xl\:w-full{width:100%}.xl\:w-auto{width:auto}.xl\:w-1\/2{width:50%}.xl\:w-1\/3{width:33.333333%}.xl\:w-2\/3{width:66.666667%}.xl\:w-1\/4{width:25%}.xl\:w-3\/4{width:75%}}@media (min-width:640px){.sm\:flex{display:flex}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-nowrap{flex-wrap:nowrap}}@media (min-width:768px){.md\:flex{display:flex}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-nowrap{flex-wrap:nowrap}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-nowrap{flex-wrap:nowrap}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:flex-col{flex-direction:column}.xl\:flex-row{flex-direction:row}.xl\:flex-wrap{flex-wrap:wrap}.xl\:flex-nowrap{flex-wrap:nowrap}}@media (max-width:767px){.mobile-nav-menu{padding-top:60px!important}}#app{min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%)}.toast-notification{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);max-width:400px;animation:toastSlideIn .4s cubic-bezier(.68,-.55,.265,1.55)}.toast-content{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--warning-200);padding:var(--space-4) var(--space-6);display:flex;align-items:center;gap:var(--space-3);position:relative;overflow:hidden}.toast-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--warning-500) 0,var(--warning-600) 100%)}.toast-icon{color:var(--warning-600);font-size:var(--font-size-xl);flex-shrink:0}.toast-text{color:var(--text-primary);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);flex:1}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.toast-close:hover{background-color:var(--gray-100);color:var(--text-primary)}@keyframes toastSlideIn{0%{transform:translateX(100%) scale(.8);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@media (max-width:768px){.toast-notification{top:var(--space-4);right:var(--space-4);left:var(--space-4);max-width:none}.toast-content{padding:var(--space-3) var(--space-4)}}.top-nav{background:linear-gradient(135deg,hsla(0,0%,4%,.95),rgba(26,26,26,.95));border-bottom:1px solid rgba(0,255,255,.3);box-shadow:0 4px 20px rgba(0,255,255,.2),0 0 40px rgba(0,255,255,.1);position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);height:72px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.top-nav:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(0,255,255,.05) 49%,rgba(0,255,255,.05) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,255,255,.03) 49%,rgba(0,255,255,.03) 51%,transparent 52%);background-size:20px 20px;pointer-events:none;z-index:-1}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6);height:100%;justify-content:space-between}.nav-container,.nav-left{display:flex;align-items:center}.nav-left{gap:var(--space-8)}.nav-brand{align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);transition:all .3s cubic-bezier(.4,0,.2,1);background:none;border:none;cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);position:relative;overflow:hidden}.nav-brand:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:left .6s ease}.nav-brand:hover:before{left:100%}.nav-brand:hover{color:var(--color-highlight);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,255,255,.3)}.nav-logo{width:60px;height:60px;background:linear-gradient(135deg,rgba(0,255,255,.2),rgba(0,184,212,.3));border:2px solid rgba(0,255,255,.4);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:var(--font-size-2xl);box-shadow:0 0 20px rgba(0,255,255,.3),inset 0 0 20px rgba(0,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-logo:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(0,255,255,.1),transparent);animation:fractalRotate 4s linear infinite;opacity:.6}.nav-logo:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.nav-logo i{font-size:50px;color:var(--white)}.nav-brand-text{display:block}.mobile-menu-toggle{display:none!important;flex-direction:column;justify-content:space-around;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:100%;height:3px;background:var(--text-primary);border-radius:2px;transition:all .3s ease;transform-origin:center}.mobile-menu-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:scale(0)}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.mobile-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:all;display:block;cursor:pointer}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-menu{position:fixed;top:0;left:-100%;width:85%;max-width:350px;height:100vh;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-right:2px solid rgba(0,255,255,.3);box-shadow:4px 0 20px rgba(0,255,255,.2),0 0 40px rgba(0,255,255,.1);z-index:1001;transition:left .4s cubic-bezier(.25,.46,.45,.94),opacity .3s ease,visibility .3s ease;display:flex;flex-direction:column;overflow:hidden;transform:translateZ(0);opacity:0;visibility:hidden}.mobile-nav-menu:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(0,255,255,.05) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,184,212,.03) 0,transparent 50%);pointer-events:none;z-index:-1}.mobile-nav-menu.active{left:0;opacity:1;visibility:visible}body.mobile-menu-open{overflow:hidden;position:fixed;width:100%}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-light);background:var(--bg-secondary);opacity:0;transform:translateX(-20px);transition:opacity .3s ease,transform .3s ease}.mobile-nav-menu.active .mobile-nav-header{opacity:1;transform:translateX(0);transition:opacity .3s ease .15s,transform .3s ease .15s}.mobile-nav-user{display:flex;align-items:center;gap:.75rem}.mobile-nav-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:1.125rem;color:var(--text-primary)}.mobile-nav-user-info{display:flex;flex-direction:column;gap:.25rem}.mobile-nav-user-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:1rem}.mobile-nav-user-role{font-size:.875rem;color:var(--text-secondary)}.mobile-nav-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.mobile-nav-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-nav-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 0;opacity:0;transform:translateX(-20px);transition:opacity .3s ease,transform .3s ease}.mobile-nav-menu.active .mobile-nav-content{opacity:1;transform:translateX(0);transition:opacity .3s ease .2s,transform .3s ease .2s}.mobile-nav-section{margin-bottom:1.5rem}.mobile-nav-section-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:0 1rem .5rem;border-bottom:1px solid var(--border-light);margin-bottom:.5rem}.mobile-nav-section-title i{font-size:1rem}.mobile-nav-links{display:flex;flex-direction:column}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;color:var(--color-primary);text-decoration:none;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;background:rgba(0,255,255,.05);width:100%;text-align:left;cursor:pointer;min-height:48px;position:relative;overflow:hidden;margin:.25rem 0;border-radius:var(--radius-lg)}.mobile-nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:left .4s ease}.mobile-nav-link:hover:before{left:100%}.mobile-nav-link:hover{background:rgba(0,255,255,.1);color:var(--color-highlight);border-color:rgba(0,255,255,.3);transform:translateX(8px);box-shadow:0 4px 15px rgba(0,255,255,.2)}.mobile-nav-link i{font-size:1.25rem;width:24px;text-align:center}.mobile-nav-link span{font-weight:var(--font-weight-medium)}.mobile-nav-footer{padding:1rem;border-top:1px solid var(--border-light);background:var(--bg-secondary);display:flex;flex-direction:column;gap:.5rem;opacity:0;transform:translateX(-20px);transition:opacity .3s ease,transform .3s ease}.mobile-nav-menu.active .mobile-nav-footer{opacity:1;transform:translateX(0);transition:opacity .3s ease .25s,transform .3s ease .25s}.mobile-nav-footer-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--white);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:1rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;text-decoration:none;justify-content:center;min-height:48px}.mobile-nav-footer-btn:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.mobile-nav-footer-btn.logout{background:var(--error-50);border-color:var(--error-200);color:var(--error-700)}.mobile-nav-footer-btn.logout:hover{background:var(--error-100);border-color:var(--error-300)}.mobile-nav-footer-btn i{font-size:1.25rem}.mobile-nav-version{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,rgba(0,255,255,.05),rgba(0,184,212,.08));border:1px solid rgba(0,255,255,.2);border-radius:8px;margin-bottom:.5rem}.mobile-nav-version .version-badge{padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.mobile-nav-version .version-badge.major{background:#ff3b30;color:#fff;box-shadow:0 0 8px rgba(255,59,48,.4)}.mobile-nav-version .version-badge.minor{background:#ff9500;color:#fff;box-shadow:0 0 8px rgba(255,149,0,.4)}.mobile-nav-version .version-badge.patch{background:#0080ff;color:#fff;box-shadow:0 0 8px rgba(0,128,255,.4)}.mobile-nav-version .version-label{font-size:.875rem;color:var(--text-secondary);text-align:center;line-height:1.3}.desktop-nav-menu,.nav-menu{display:flex;align-items:center;gap:var(--space-2)}.desktop-nav-right{display:flex;align-items:center;gap:var(--space-4)}@keyframes pulse{0%,to{transform:scale(1);box-shadow:var(--shadow-md)}50%{transform:scale(1.05);box-shadow:var(--shadow-lg)}}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.nav-dropdown-trigger:hover{background-color:var(--gray-100);color:var(--text-primary);transform:translateY(-1px)}.nav-dropdown-trigger.admin-trigger{color:var(--color-highlight)}.nav-dropdown-trigger.admin-trigger:hover{background-color:hsla(0,100%,71%,.1);color:var(--color-highlight)}.dropdown-arrow{font-size:var(--font-size-sm);transition:transform var(--transition-fast)}.dropdown-arrow.rotated{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:220px;background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);padding:var(--space-2);z-index:var(--z-dropdown);animation:dropdownSlideIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95)}.nav-dropdown-menu.user-dropdown{right:0;left:auto;min-width:280px}.nav-dropdown-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-light);margin-bottom:var(--space-2)}.nav-dropdown-avatar{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--white);box-shadow:var(--shadow-sm);background:var(--gradient-primary)}.nav-dropdown-user-info{flex:1;min-width:0}.nav-dropdown-user-name{display:block;font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.nav-dropdown-user-role{display:block;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.nav-dropdown-divider{height:1px;background-color:var(--border-light);margin:var(--space-2) 0}.nav-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--text-primary);text-decoration:none;font-size:var(--font-size-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.nav-dropdown-item:hover{background-color:var(--gray-100);color:var(--text-primary);transform:translateX(4px)}.nav-dropdown-item i{font-size:var(--font-size-lg);color:var(--text-muted);width:20px;text-align:center}.nav-right{gap:var(--space-4)}.nav-right,.nav-user{display:flex;align-items:center}.nav-user{gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;background:rgba(0,255,255,.05);border:1px solid rgba(0,255,255,.2)}.nav-user:hover{background:rgba(0,255,255,.1);border-color:rgba(0,255,255,.4);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,255,255,.2)}.nav-avatar{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--white);box-shadow:var(--shadow-sm);background:var(--gradient-primary)}.nav-user-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.nav-user-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.nav-user-role{color:var(--text-muted);font-size:var(--font-size-xs)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.card-collection-trigger{background:var(--gradient-card-primary)!important;border:2px solid #4f8cff;color:#fff!important;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);padding:var(--space-3) var(--space-5);box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:all var(--transition-fast);border-radius:var(--radius-xl)}.card-collection-trigger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);transition:left .5s ease}.card-collection-trigger:hover:before{left:100%}.card-collection-trigger:hover{background:linear-gradient(135deg,#2563eb,#4f8cff);border-color:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-card-lg)}.card-collection-icon{width:36px;height:36px;background:var(--gradient-card-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--font-size-xl);box-shadow:var(--shadow-md);transition:all var(--transition-fast);animation:pulse 2s infinite}.card-collection-menu{background:linear-gradient(135deg,#f0f7ff,#e6f3ff);border:1px solid #b3d9ff;box-shadow:var(--shadow-card-lg)}.shared-collections-trigger{background:linear-gradient(135deg,#10b981,#059669)!important;border:2px solid #10b981;color:#fff!important;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);padding:var(--space-3) var(--space-5);box-shadow:0 4px 15px rgba(16,185,129,.3);position:relative;overflow:hidden;transition:all var(--transition-fast);border-radius:var(--radius-xl)}.shared-collections-trigger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);transition:left .5s ease}.shared-collections-trigger:hover:before{left:100%}.shared-collections-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4);border-color:#047857}.shared-collections-icon{width:36px;height:36px;background:hsla(0,0%,100%,.2);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-right:var(--space-2);animation:pulse 2s infinite}.shared-collections-icon i{font-size:var(--font-size-xl);color:var(--white)}.shared-collections-menu{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #10b981;box-shadow:0 4px 15px rgba(16,185,129,.2)}.shared-collection-item{color:var(--text-primary)!important;border-left:3px solid transparent;transition:all var(--transition-fast)}.shared-collection-item:hover{background:rgba(16,185,129,.1)!important;border-left-color:#10b981;color:#047857!important}.shared-collection-item i{color:#10b981!important;margin-right:var(--space-2)}.nav-buttons{gap:var(--space-3)}.nav-button,.nav-buttons{display:flex;align-items:center}.nav-button{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:2px solid transparent;color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.nav-button:hover{background-color:var(--gray-100);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.nav-button.card-collection-button{background:var(--gradient-card-primary);border-color:#4f8cff;color:#fff;font-weight:var(--font-weight-bold);box-shadow:var(--shadow-card)}.nav-button.card-collection-button:hover{background:linear-gradient(135deg,#2563eb,#4f8cff);border-color:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-card-lg)}.nav-button i{font-size:var(--font-size-lg);width:20px;text-align:center}.nav-button.card-collection-button i{color:hsla(0,0%,100%,.9)}.mtg-parent-label{font-weight:var(--font-weight-bold);color:var(--text-primary);padding:.5rem 1.5rem .25rem 2.5rem;cursor:default;display:flex;align-items:start;gap:.5rem;opacity:.85;white-space:nowrap;justify-content:flex-start;text-align:left;font-size:var(--font-size-sm)}.mtg-child{padding-left:3.5rem!important}.pokemon-parent-label{font-weight:var(--font-weight-bold);color:var(--text-primary);padding:.5rem 1.5rem .25rem 2.5rem;cursor:default;display:flex;align-items:start;gap:.5rem;opacity:.85;white-space:nowrap;justify-content:flex-start;text-align:left;font-size:var(--font-size-sm)}.pokemon-child{padding-left:3.5rem!important}.nav-brand{display:flex}@media (max-width:1024px){.nav-container{padding:0 var(--space-4)}.nav-left{gap:var(--space-6)}.desktop-nav-menu,.desktop-nav-right{display:none!important}}@media (max-width:1200px) and (min-width:1025px){.nav-container{padding:0 var(--space-4)}.nav-left{gap:var(--space-4)}.nav-brand-text{font-size:var(--font-size-lg)}.nav-logo{width:52px;height:52px}.nav-logo i{font-size:44px}.nav-dropdown-trigger{padding:var(--space-2) var(--space-3)}.nav-dropdown-trigger,.nav-dropdown-trigger span{font-size:var(--font-size-xs)}.card-collection-trigger,.shared-collections-trigger{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.card-collection-icon,.shared-collections-icon{width:32px;height:32px;font-size:var(--font-size-lg)}.nav-button{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.nav-user{gap:var(--space-2);padding:var(--space-1) var(--space-2)}.nav-avatar{width:36px;height:36px}.nav-avatar,.nav-user-name{font-size:var(--font-size-xs)}.nav-user-name{max-width:100px}.nav-user-role{font-size:var(--font-size-xs)}.nav-dropdown-menu{min-width:200px}.nav-dropdown-menu.user-dropdown{min-width:260px}}@media (max-width:768px){.top-nav{height:64px}.nav-container{padding:0 var(--space-3)}.nav-left{gap:var(--space-4)}.nav-dropdown-trigger span,.nav-user-info{display:none}.nav-dropdown-menu{min-width:200px}.nav-dropdown-menu.user-dropdown{min-width:240px}.nav-buttons{gap:var(--space-2)}.nav-button{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}}@media (max-width:1024px) and (min-width:769px){.nav-container{padding:0 var(--space-3)}.nav-left{gap:var(--space-3)}.nav-brand-text{font-size:var(--font-size-base)}.nav-logo{width:48px;height:48px}.nav-logo i{font-size:40px}.nav-dropdown-trigger{padding:var(--space-2) var(--space-3)}.nav-dropdown-trigger,.nav-dropdown-trigger span{font-size:var(--font-size-xs)}.card-collection-trigger,.shared-collections-trigger{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.card-collection-icon,.shared-collections-icon{width:28px;height:28px;font-size:var(--font-size-base)}.nav-button{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.nav-user{gap:var(--space-2);padding:var(--space-1) var(--space-2)}.nav-avatar{width:32px;height:32px}.nav-avatar,.nav-user-name{font-size:var(--font-size-xs)}.nav-user-name{max-width:80px}.nav-user-role{font-size:var(--font-size-xs)}.nav-dropdown-menu{min-width:180px}.nav-dropdown-menu.user-dropdown{min-width:220px}}@media (max-width:480px){.nav-left{gap:var(--space-2)}.nav-logo{width:48px;height:48px}.nav-logo i{font-size:40px}.card-collection-icon{width:32px;height:32px;font-size:var(--font-size-lg)}}@media (max-width:768px) and (min-width:481px){.nav-container{padding:0 var(--space-2)}.nav-left{gap:var(--space-2)}.nav-brand-text{font-size:var(--font-size-sm)}.nav-logo{width:44px;height:44px}.nav-logo i{font-size:36px}.nav-dropdown-trigger{padding:var(--space-1) var(--space-2)}.nav-dropdown-trigger,.nav-dropdown-trigger span{font-size:var(--font-size-xs)}.card-collection-trigger,.shared-collections-trigger{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.card-collection-icon,.shared-collections-icon{width:24px;height:24px;font-size:var(--font-size-sm)}.nav-button{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.nav-user{gap:var(--space-1);padding:var(--space-1)}.nav-avatar{width:28px;height:28px}.nav-avatar,.nav-user-name{font-size:var(--font-size-xs)}.nav-user-name{max-width:60px}.nav-user-role{font-size:var(--font-size-xs)}.nav-dropdown-menu{min-width:160px}.nav-dropdown-menu.user-dropdown{min-width:200px}}.mobile-nav-expandable{margin:.25rem 0}.mobile-nav-expandable-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:rgba(0,255,255,.08);border:1px solid rgba(0,255,255,.2);border-radius:var(--radius-lg);color:var(--color-primary);font-size:1rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;text-align:left;min-height:48px;position:relative;overflow:hidden}.mobile-nav-expandable-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.15),transparent);transition:left .4s ease}.mobile-nav-expandable-header:hover:before{left:100%}.mobile-nav-expandable-header:hover{background:rgba(0,255,255,.12);border-color:rgba(0,255,255,.4);transform:translateX(4px);box-shadow:0 4px 15px rgba(0,255,255,.2)}.mobile-nav-expandable-header i:first-child{font-size:1.25rem;width:24px;text-align:center}.mobile-nav-expandable-header i:last-child{font-size:1rem;margin-left:auto;transition:transform .3s ease}.mobile-nav-sub-links{margin-top:.5rem;margin-left:1rem;border-left:2px solid rgba(0,255,255,.2);padding-left:1rem;animation:slideDown .3s ease-out}.mobile-nav-sub-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--color-primary);text-decoration:none;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;background:rgba(0,255,255,.03);width:100%;text-align:left;cursor:pointer;min-height:44px;position:relative;overflow:hidden;margin:.25rem 0;border-radius:var(--radius-md)}.mobile-nav-sub-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.08),transparent);transition:left .4s ease}.mobile-nav-sub-link:hover:before{left:100%}.mobile-nav-sub-link:hover{background:rgba(0,255,255,.08);color:var(--color-highlight);border-color:rgba(0,255,255,.25);transform:translateX(6px);box-shadow:0 2px 10px rgba(0,255,255,.15)}.mobile-nav-sub-link i{font-size:1.1rem;width:20px;text-align:center}.mobile-nav-sub-link span{font-weight:var(--font-weight-medium)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.trident-icon{transform:rotate(-45deg);display:inline-block}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);background-attachment:fixed;padding-top:16px;position:relative;overflow-x:hidden}.dashboard-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,255,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,255,.03) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,184,212,.02) 0,transparent 50%);pointer-events:none;z-index:-1}.dashboard-content{margin:0 auto;padding:var(--space-4) var(--space-6);position:relative;z-index:1}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-6);background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(42,42,42,.6));padding:var(--space-6);border-radius:var(--radius-2xl);box-shadow:0 10px 30px rgba(0,255,255,.2),0 0 60px rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(0,255,255,.05) 49%,rgba(0,255,255,.05) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,255,255,.03) 49%,rgba(0,255,255,.03) 51%,transparent 52%);background-size:20px 20px;pointer-events:none;z-index:-1}.dashboard-welcome{display:flex;align-items:center;gap:var(--space-6)}.welcome-avatar{width:80px;height:80px;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);color:var(--color-primary);box-shadow:0 0 20px rgba(0,255,255,.3),inset 0 0 20px rgba(0,255,255,.1);background:linear-gradient(135deg,rgba(0,255,255,.2),rgba(0,184,212,.3));border:2px solid rgba(0,255,255,.4);transition:all .3s cubic-bezier(.4,0,.2,1)}.welcome-avatar:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.welcome-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-2);font-family:var(--font-family-sans);text-shadow:0 0 10px rgba(0,255,255,.3)}.welcome-subtitle{color:var(--color-secondary);font-size:var(--font-size-lg);margin:0;line-height:var(--line-height-relaxed)}.dashboard-actions{display:flex;gap:var(--space-3)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.dashboard-card{background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(42,42,42,.6));border-radius:var(--radius-2xl);box-shadow:0 10px 30px rgba(0,255,255,.2),0 0 60px rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.3);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ff,#00b8d4,#0ff);background-size:200% 100%;animation:fractalFlow 3s ease-in-out infinite}.dashboard-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,255,255,.3),0 0 80px rgba(0,255,255,.2);border-color:rgba(0,255,255,.6)}.card-header{padding:var(--space-6);border-bottom:1px solid rgba(0,255,255,.2);background:linear-gradient(135deg,rgba(42,42,42,.8),rgba(58,58,58,.6))}.card-title{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0}.card-title,.card-title i{font-size:var(--font-size-xl)}.card-title i{color:var(--color-highlight);width:24px;text-align:center}.card-body{padding:var(--space-6)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-6)}.stat-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(42,42,42,.6));border-radius:var(--radius-xl);transition:all var(--transition-fast);border:1px solid rgba(0,255,255,.3)}.stat-item:hover{background:linear-gradient(135deg,rgba(42,42,42,.8),rgba(58,58,58,.6));box-shadow:var(--shadow-md)}.stat-icon{background:var(--gradient-dashboard-primary);border-radius:var(--radius-xl);color:var(--white);font-size:var(--font-size-xl);box-shadow:var(--shadow-sm)}.stat-content{flex:1}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.stats-error{background:linear-gradient(135deg,var(--error-50) 0,var(--error-100) 100%);border:1px solid var(--error-200);color:var(--error-700);box-shadow:var(--shadow-sm)}.stats-error,.stats-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-xl);font-weight:var(--font-weight-medium)}.stats-loading{color:var(--text-secondary);background:var(--gray-50);border:1px solid var(--border-light)}.quick-actions-empty,.quick-actions-grid{display:flex;flex-direction:column;gap:var(--space-3)}.quick-actions-empty{align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--text-secondary)}.quick-actions-empty i{font-size:var(--font-size-3xl);opacity:.5}.quick-actions-empty span{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.quick-action-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(42,42,42,.6));border-radius:var(--radius-xl);text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast);border:1px solid rgba(0,255,255,.3)}.quick-action-item:hover{background:linear-gradient(135deg,rgba(42,42,42,.8),rgba(58,58,58,.6));transform:translateX(4px);color:var(--text-primary);box-shadow:var(--shadow-md)}.quick-action-icon{width:48px;height:48px;background:var(--gradient-dashboard-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--font-size-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.quick-action-item:hover .quick-action-icon{transform:scale(1.05);box-shadow:var(--shadow-md)}.quick-action-icon.admin-icon{background:var(--gradient-admin-primary)}.quick-action-text{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.quick-action-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary)}.quick-action-subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-normal)}.activity-list{flex-direction:column}.activity-item,.activity-list{display:flex;gap:var(--space-4)}.activity-item{align-items:center;padding:var(--space-4);background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(42,42,42,.6));border-radius:var(--radius-xl);border:1px solid rgba(0,255,255,.3);transition:all var(--transition-fast)}.activity-item:hover{background:linear-gradient(135deg,rgba(42,42,42,.8),rgba(58,58,58,.6));transform:translateX(4px);box-shadow:var(--shadow-md)}.activity-icon{width:40px;height:40px;background:var(--gradient-dashboard-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--font-size-lg);box-shadow:var(--shadow-sm)}.activity-content{flex:1}.activity-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.activity-time{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}@media (max-width:768px){.dashboard-content{padding:var(--space-6) var(--space-4)}.dashboard-header{align-items:stretch;padding:var(--space-4)}.dashboard-header,.dashboard-welcome{flex-direction:column;gap:var(--space-4)}.dashboard-welcome{text-align:center}.welcome-avatar{width:60px;height:60px;font-size:var(--font-size-xl)}.welcome-title{font-size:var(--font-size-2xl)}.dashboard-grid,.stats-grid{grid-template-columns:1fr;gap:var(--space-4)}.dashboard-actions{justify-content:center}}@media (max-width:480px){.dashboard-content{padding:var(--space-4) var(--space-3)}.dashboard-header{padding:var(--space-3)}.card-body,.card-header{padding:var(--space-4)}.activity-item,.quick-action-item,.stat-item{padding:var(--space-3)}}.dashboard-card{animation:fadeIn .5s ease-out}.stat-item{animation:slideIn .3s ease-out}.quick-action-item{animation:scaleIn .3s ease-out}.activity-item{animation:fadeIn .4s ease-out}.dashboard-card:focus-within{outline:2px solid var(--primary-500);outline-offset:2px}.quick-action-item:focus{outline:2px solid var(--primary-500);outline-offset:2px}@media print{.dashboard-container:before{display:none}.dashboard-card{box-shadow:none!important;border:1px solid var(--border-light)!important}.dashboard-actions{display:none!important}}.dialog-overlay[data-v-48df8630]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.changelog-dialog[data-v-48df8630]{background:rgba(10,10,15,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 20px 60px rgba(0,255,255,.2);max-width:900px;width:100%;max-height:80vh;height:80vh;overflow:hidden;display:flex;flex-direction:column;border:2px solid rgba(0,255,255,.3);position:relative}.changelog-dialog[data-v-48df8630]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,255,255,.03) 0,rgba(0,255,255,.03) 4px);pointer-events:none;z-index:0}.dialog-header[data-v-48df8630]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid rgba(0,255,255,.2);background:linear-gradient(145deg,#1a1a2e,#16213e);position:relative;z-index:1}.dialog-title[data-v-48df8630]{font-size:1.5rem;font-weight:700;margin:0;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5);display:flex;align-items:center;gap:.5rem}.dialog-close-btn[data-v-48df8630]{background:none;border:none;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#0ff;transition:all .2s ease}.dialog-close-btn[data-v-48df8630]:hover{background:rgba(0,255,255,.1);color:#0ff;box-shadow:0 0 10px rgba(0,255,255,.3)}.dialog-close-btn i[data-v-48df8630]{font-size:1.25rem}.changelog-content-wrapper[data-v-48df8630]{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;z-index:1;overflow:hidden}.changelog-tabs[data-v-48df8630]{display:flex;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(0,255,255,.2);background:linear-gradient(145deg,#1a1a2e,#16213e);overflow-x:auto;flex-shrink:0}.changelog-tab[data-v-48df8630]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:rgba(26,26,46,.5);border:1px solid rgba(0,255,255,.2);border-radius:8px;color:#00b8d4;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.changelog-tab[data-v-48df8630]:hover{background:rgba(0,255,255,.1);border-color:rgba(0,255,255,.4);color:#0ff}.changelog-tab.active[data-v-48df8630]{background:linear-gradient(135deg,rgba(0,255,255,.2),rgba(0,184,212,.2));border-color:#0ff;color:#0ff;box-shadow:0 4px 12px rgba(0,255,255,.3)}.tab-label[data-v-48df8630]{font-weight:600}.tab-count[data-v-48df8630]{background:rgba(0,255,255,.2);padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.changelog-tab.active .tab-count[data-v-48df8630]{background:rgba(0,255,255,.3)}.dialog-content[data-v-48df8630]{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;position:relative;z-index:1;min-height:0}body.dialog-open[data-v-48df8630]{overflow:hidden}.roadmap-section[data-v-48df8630]{padding:2rem 0;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);background-image:radial-gradient(circle at 20% 80%,rgba(0,255,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,255,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,255,255,.05) 0,transparent 50%);border-radius:16px;margin:1rem;position:relative;overflow:hidden}.roadmap-section[data-v-48df8630]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,255,255,.03) 0,rgba(0,255,255,.03) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,255,255,.02) 0,rgba(0,255,255,.02) 4px);pointer-events:none}.roadmap-header[data-v-48df8630]{text-align:center;margin-bottom:2rem;position:relative;z-index:1}.roadmap-title[data-v-48df8630]{font-size:2rem;font-weight:700;color:#0ff;margin:0 0 .5rem 0;display:flex;align-items:center;justify-content:center;gap:.5rem;text-shadow:0 0 10px rgba(0,255,255,.5)}.roadmap-title i[data-v-48df8630]{font-size:2rem;color:#0ff;filter:drop-shadow(0 0 5px rgba(0,255,255,.7))}.roadmap-subtitle[data-v-48df8630]{font-size:1rem;color:#a0a0a0;margin:0;text-shadow:0 0 5px hsla(0,0%,63%,.3)}.changelog-btn-float[data-v-48df8630]{position:absolute;right:2rem;background:linear-gradient(135deg,rgba(0,255,255,.1),rgba(0,128,255,.1));border:1px solid rgba(0,255,255,.3);color:#0ff;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,255,255,.2);text-shadow:0 0 5px rgba(0,255,255,.5);z-index:10}.changelog-btn-float[data-v-48df8630]:hover{background:linear-gradient(135deg,rgba(0,255,255,.2),rgba(0,128,255,.2));border-color:rgba(0,255,255,.5);box-shadow:0 4px 12px rgba(0,255,255,.3);transform:translateY(-2px)}.changelog-btn-float i[data-v-48df8630]{font-size:1.2rem;filter:drop-shadow(0 0 3px rgba(0,255,255,.5))}.roadmap-timeline[data-v-48df8630]{width:100%;padding:0 1rem;position:relative;z-index:1}.roadmap-scroll-container[data-v-48df8630]{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.roadmap-scroll-container[data-v-48df8630]::-webkit-scrollbar{height:8px}.roadmap-scroll-container[data-v-48df8630]::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.roadmap-scroll-container[data-v-48df8630]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.roadmap-scroll-container[data-v-48df8630]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.timeline-bar[data-v-48df8630]{position:relative;height:60px;margin-bottom:2rem;display:flex;align-items:center;min-width:1440px;gap:1rem}.timeline-bar[data-v-48df8630]:before{content:"";position:absolute;top:50%;left:0;width:calc(1440px + 17rem);height:3px;background:linear-gradient(90deg,#0ff,#0080ff 50%,#0ff);border-radius:2px;transform:translateY(-50%);z-index:1;box-shadow:0 0 10px rgba(0,255,255,.5)}.timeline-marker[data-v-48df8630]{position:relative;display:flex;flex-direction:column;align-items:center;z-index:2;width:200px;flex-shrink:0}.marker-triangle[data-v-48df8630]{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid #0ff;margin-bottom:.5rem;filter:drop-shadow(0 0 5px rgba(0,255,255,.7))}.timeline-marker.current .marker-triangle[data-v-48df8630]{border-top-color:#0f8;filter:drop-shadow(0 0 5px rgba(0,255,136,.7))}.timeline-marker.upcoming .marker-triangle[data-v-48df8630]{border-top-color:#0080ff;filter:drop-shadow(0 0 5px rgba(0,128,255,.7))}.timeline-marker.planned .marker-triangle[data-v-48df8630]{border-top-color:#666;filter:drop-shadow(0 0 5px rgba(102,102,102,.7))}.timeline-marker.completed .marker-triangle[data-v-48df8630]{border-top-color:#10b981;filter:drop-shadow(0 0 5px rgba(16,185,129,.7))}.timeline-marker.tbc .marker-triangle[data-v-48df8630]{border-top-color:#f59e0b;filter:drop-shadow(0 0 5px rgba(245,158,11,.7))}.marker-label[data-v-48df8630]{text-align:center}.marker-month[data-v-48df8630]{display:block;font-weight:700;font-size:.875rem;color:#fff;text-shadow:0 0 5px hsla(0,0%,100%,.3)}.marker-year[data-v-48df8630]{display:block;font-size:.75rem;color:#a0a0a0;text-shadow:0 0 3px hsla(0,0%,63%,.3)}.roadmap-cards-row[data-v-48df8630]{display:flex;gap:1rem;padding-bottom:1rem;min-width:1440px}.roadmap-card[data-v-48df8630]{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);overflow:hidden;transition:all .3s ease;border:1px solid rgba(0,255,255,.2);width:200px;flex-shrink:0;position:relative}.roadmap-card[data-v-48df8630]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(0,255,255,.03) 0,rgba(0,255,255,.03) 2px);pointer-events:none}.roadmap-card[data-v-48df8630]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,255,255,.2);border-color:rgba(0,255,255,.4)}.roadmap-card.current[data-v-48df8630]{border-color:rgba(0,255,136,.4);background:linear-gradient(145deg,#0d2e1a,#1a2e1a);box-shadow:0 4px 12px rgba(0,255,136,.2)}.roadmap-card.current[data-v-48df8630]:hover{border-color:rgba(0,255,136,.6);box-shadow:0 8px 20px rgba(0,255,136,.3)}.roadmap-card.upcoming[data-v-48df8630]{border-color:rgba(0,128,255,.4);background:linear-gradient(145deg,#0d1a2e,#1a1a2e);box-shadow:0 4px 12px rgba(0,128,255,.2)}.roadmap-card.upcoming[data-v-48df8630]:hover{border-color:rgba(0,128,255,.6);box-shadow:0 8px 20px rgba(0,128,255,.3)}.roadmap-card.planned[data-v-48df8630]{border-color:hsla(0,0%,40%,.4);background:linear-gradient(145deg,#1a1a1a,#2a2a2a);box-shadow:0 4px 12px hsla(0,0%,40%,.1)}.roadmap-card.planned[data-v-48df8630]:hover{border-color:hsla(0,0%,40%,.6);box-shadow:0 8px 20px hsla(0,0%,40%,.2)}.roadmap-card.completed[data-v-48df8630]{border-color:rgba(16,185,129,.4);background:linear-gradient(145deg,#0d2e1a,#1a2e1a);box-shadow:0 4px 12px rgba(16,185,129,.2)}.roadmap-card.completed[data-v-48df8630]:hover{border-color:rgba(16,185,129,.6);box-shadow:0 8px 20px rgba(16,185,129,.3)}.roadmap-card.tbc[data-v-48df8630]{border-color:rgba(245,158,11,.4);background:linear-gradient(145deg,#2e1a0d,#2a1a0d);box-shadow:0 4px 12px rgba(245,158,11,.2)}.roadmap-card.tbc[data-v-48df8630]:hover{border-color:rgba(245,158,11,.6);box-shadow:0 8px 20px rgba(245,158,11,.3)}.roadmap-card-header[data-v-48df8630]{padding:1rem;justify-content:space-between}.card-game-banner[data-v-48df8630],.roadmap-card-header[data-v-48df8630]{border-bottom:1px solid rgba(0,255,255,.1);display:flex;align-items:center;position:relative;z-index:1}.card-game-banner[data-v-48df8630]{background:linear-gradient(135deg,#ff6b35,#f7931e);padding:.75rem 1rem;gap:.75rem}.card-game-banner[data-v-48df8630]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 4px);pointer-events:none}.card-game-icon[data-v-48df8630]{background:hsla(0,0%,100%,.2);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-game-icon i[data-v-48df8630]{color:#fff;font-size:1.2rem;filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}.card-game-text[data-v-48df8630]{display:flex;flex-direction:column;gap:.125rem}.card-game-label[data-v-48df8630]{font-size:.65rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 3px hsla(0,0%,100%,.3)}.card-game-name[data-v-48df8630]{font-size:.875rem;font-weight:600;color:#fff;text-shadow:0 0 3px hsla(0,0%,100%,.3)}.month-info[data-v-48df8630]{display:flex;flex-direction:column;gap:.25rem}.month-title[data-v-48df8630]{font-size:1.1rem;font-weight:700;color:#fff;margin:0;text-shadow:0 0 5px hsla(0,0%,100%,.2)}.month-year[data-v-48df8630]{font-size:.75rem;color:#a0a0a0;font-weight:500;text-shadow:0 0 3px hsla(0,0%,63%,.2)}.status-badge[data-v-48df8630]{padding:.25rem .5rem;border-radius:12px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid;transition:all .3s ease}.status-badge.clickable[data-v-48df8630]{cursor:pointer}.status-badge.clickable[data-v-48df8630]:hover{transform:scale(1.05);filter:brightness(1.2)}.status-badge.current[data-v-48df8630]{background:rgba(0,255,136,.2);color:#0f8;border-color:rgba(0,255,136,.4);box-shadow:0 0 8px rgba(0,255,136,.3)}.status-badge.upcoming[data-v-48df8630]{background:rgba(0,128,255,.2);color:#0080ff;border-color:rgba(0,128,255,.4);box-shadow:0 0 8px rgba(0,128,255,.3)}.status-badge.planned[data-v-48df8630]{background:hsla(0,0%,40%,.2);color:#666;border-color:hsla(0,0%,40%,.4);box-shadow:0 0 8px hsla(0,0%,40%,.2)}.status-badge.completed[data-v-48df8630]{background:rgba(16,185,129,.2);color:#10b981;border-color:rgba(16,185,129,.4);box-shadow:0 0 8px rgba(16,185,129,.3)}.status-badge.tbc[data-v-48df8630]{background:rgba(245,158,11,.2);color:#f59e0b;border-color:rgba(245,158,11,.4);box-shadow:0 0 8px rgba(245,158,11,.3)}.roadmap-card-body[data-v-48df8630]{padding:1rem;position:relative;z-index:1}.features-list[data-v-48df8630]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.feature-item[data-v-48df8630]{display:flex;align-items:flex-start;gap:.5rem;color:#e0e0e0;font-size:.8rem;line-height:1.4}.feature-item i[data-v-48df8630]{color:#0ff;font-size:.9rem;flex-shrink:0;margin-top:.1rem;filter:drop-shadow(0 0 3px rgba(0,255,255,.5))}.tbc-overlay[data-v-48df8630]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.tbc-graphic[data-v-48df8630]{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #fff;border-radius:12px;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 8px 20px rgba(245,158,11,.4);animation:tbc-pulse-48df8630 2s ease-in-out infinite}.tbc-graphic i[data-v-48df8630]{font-size:1.5rem;color:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.tbc-text[data-v-48df8630]{font-size:.875rem;font-weight:800;color:#fff;text-shadow:0 0 5px hsla(0,0%,100%,.3);letter-spacing:.1em;text-transform:uppercase}@keyframes tbc-pulse-48df8630{0%,to{transform:scale(1);box-shadow:0 8px 20px rgba(245,158,11,.4)}50%{transform:scale(1.05);box-shadow:0 12px 25px rgba(245,158,11,.6)}}.ongoing-updates-section[data-v-48df8630]{padding-top:1.5rem;display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1}.ongoing-update-bar[data-v-48df8630]{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(0,255,255,.2);border-radius:8px;height:48px;display:flex;align-items:center;position:relative;overflow:hidden}.ongoing-update-bar[data-v-48df8630]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,255,255,.03) 0,rgba(0,255,255,.03) 4px);pointer-events:none}.ongoing-bar-content[data-v-48df8630]{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:0 1.5rem;position:relative;z-index:1;width:100%}.ongoing-bar-content i[data-v-48df8630]{font-size:1.25rem;color:#0ff;filter:drop-shadow(0 0 5px rgba(0,255,255,.5));flex-shrink:0}.ongoing-bar-text[data-v-48df8630]{font-size:.95rem;font-weight:600;color:#fff;text-shadow:0 0 5px hsla(0,0%,100%,.2);text-transform:uppercase;letter-spacing:.025em}@media (max-width:768px) and (min-width:501px){.dialog-overlay[data-v-48df8630]{padding:1rem}.changelog-dialog[data-v-48df8630]{max-height:90vh}.dialog-header[data-v-48df8630]{padding:1rem 1.5rem}.dialog-title[data-v-48df8630]{font-size:1.25rem}.roadmap-title[data-v-48df8630]{font-size:1.5rem}.changelog-btn-float[data-v-48df8630]{position:static;margin:0 auto 1.5rem auto;width:-moz-fit-content;width:fit-content}.roadmap-timeline[data-v-48df8630]{padding:0}.timeline-bar[data-v-48df8630]{padding:0 1rem;min-width:1280px}.timeline-marker[data-v-48df8630]{width:160px}.timeline-bar[data-v-48df8630]:before{left:0;width:calc(1280px + 10.5rem)}.roadmap-cards-row[data-v-48df8630]{min-width:1280px}.roadmap-card[data-v-48df8630]{min-width:160px;max-width:180px}.month-title[data-v-48df8630]{font-size:1.25rem}.ongoing-bar-content[data-v-48df8630]{padding:0 1rem}.ongoing-bar-text[data-v-48df8630]{font-size:.85rem}}@media (max-width:500px){.dialog-overlay[data-v-48df8630]{padding:1rem}.changelog-dialog[data-v-48df8630]{max-height:90vh}.dialog-header[data-v-48df8630]{padding:1rem 1.5rem}.dialog-title[data-v-48df8630]{font-size:1.25rem}.roadmap-title[data-v-48df8630]{font-size:1.5rem}.changelog-btn-float[data-v-48df8630]{position:static;margin:0 auto 1.5rem auto;width:-moz-fit-content;width:fit-content}.roadmap-timeline[data-v-48df8630]{padding:0 1rem}.roadmap-scroll-container[data-v-48df8630]{overflow-x:visible}.timeline-bar[data-v-48df8630]{display:none}.roadmap-cards-row[data-v-48df8630]{display:flex;flex-direction:column;min-width:auto;width:100%;gap:1.5rem;padding:0;margin-top:1rem}.roadmap-card[data-v-48df8630]{width:100%;min-width:auto;max-width:none;margin:0;margin-left:0;padding:1rem}.month-title[data-v-48df8630]{font-size:1.25rem;margin-bottom:.5rem}.roadmap-card-header[data-v-48df8630]{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.month-info[data-v-48df8630]{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.month-year[data-v-48df8630]{font-size:.85rem;opacity:.8}.status-badge[data-v-48df8630]{align-self:flex-start;font-size:.75rem;padding:.25rem .75rem}.roadmap-card-body[data-v-48df8630]{margin-top:.5rem}.features-list[data-v-48df8630]{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0;margin:0}.feature-item[data-v-48df8630]{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;line-height:1.4}.feature-item i[data-v-48df8630]{margin-top:.1rem;flex-shrink:0}.card-game-banner[data-v-48df8630]{flex-direction:column;text-align:center;gap:.75rem}.ongoing-updates-section[data-v-48df8630]{padding-top:2rem;margin-top:2rem;padding-left:0;padding-right:0}.ongoing-update-bar[data-v-48df8630]{margin-bottom:1rem;border-radius:8px}.ongoing-bar-content[data-v-48df8630]{padding:1rem;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;text-align:center}.ongoing-bar-content i[data-v-48df8630]{font-size:1.25rem;flex-shrink:0}.ongoing-bar-text[data-v-48df8630]{font-size:.9rem;font-weight:500}.tbc-overlay[data-v-48df8630]{border-radius:8px}.tbc-graphic[data-v-48df8630]{padding:.75rem 1rem}.tbc-text[data-v-48df8630]{font-size:.75rem}}.release-notes-modal[data-v-48df8630]{background:rgba(10,10,15,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;max-width:900px;width:90%;max-height:85vh;display:flex;flex-direction:column;border:2px solid rgba(0,255,255,.3);box-shadow:0 20px 60px rgba(0,255,255,.2);position:relative;overflow:hidden}.release-notes-modal[data-v-48df8630]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,255,255,.03) 0,rgba(0,255,255,.03) 4px);pointer-events:none;z-index:0}.no-releases[data-v-48df8630]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#888;text-align:center;position:relative;z-index:1}.no-releases i[data-v-48df8630]{font-size:3rem;color:#0ff;opacity:.5}.no-releases p[data-v-48df8630]{font-size:1.1rem;margin:0}.releases-list[data-v-48df8630]{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.release-item[data-v-48df8630]{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(0,255,255,.2);border-radius:8px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.release-item[data-v-48df8630]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,255,255,.03) 0,rgba(0,255,255,.03) 4px);pointer-events:none;z-index:0}.release-item[data-v-48df8630]:hover{border-color:rgba(0,255,255,.4);box-shadow:0 4px 12px rgba(0,255,255,.15)}.release-item.collapsed .release-header[data-v-48df8630],.release-item.collapsed .release-title[data-v-48df8630]{cursor:pointer}.release-header[data-v-48df8630]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem;position:relative;z-index:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.release-header-right[data-v-48df8630]{display:flex;align-items:center;gap:1rem}.release-version[data-v-48df8630]{display:flex;align-items:center;gap:.5rem}.version-tag[data-v-48df8630]{font-size:1rem;font-weight:700;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5);font-family:Courier New,monospace}.release-type-badge[data-v-48df8630]{padding:.25rem .5rem;border-radius:8px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid}.release-type-badge.major[data-v-48df8630]{background:rgba(255,59,48,.2);color:#ff3b30;border-color:rgba(255,59,48,.4);box-shadow:0 0 8px rgba(255,59,48,.3)}.release-type-badge.minor[data-v-48df8630]{background:rgba(255,149,0,.2);color:#ff9500;border-color:rgba(255,149,0,.4);box-shadow:0 0 8px rgba(255,149,0,.3)}.release-type-badge.patch[data-v-48df8630]{background:rgba(0,128,255,.2);color:#0080ff;border-color:rgba(0,128,255,.4);box-shadow:0 0 8px rgba(0,128,255,.3)}.release-date[data-v-48df8630]{font-size:.875rem;color:#999;font-weight:500}.release-title[data-v-48df8630]{font-size:1.25rem;font-weight:700;color:#0ff;margin:0 0 1rem 0;text-shadow:0 0 10px rgba(0,255,255,.5);position:relative;z-index:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s ease}.release-title[data-v-48df8630]:hover{color:#3ff}.release-changes[data-v-48df8630]{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.change-item[data-v-48df8630]{background:rgba(0,0,0,.4);border-radius:6px;padding:1rem;border-left:3px solid;position:relative;overflow:hidden}.change-item[data-v-48df8630]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,255,255,.02) 0,rgba(0,255,255,.02) 4px);pointer-events:none;z-index:0}.change-item.Added[data-v-48df8630]{border-left-color:#0f8}.change-item.Fixed[data-v-48df8630]{border-left-color:#ff9500}.change-item.Improved[data-v-48df8630]{border-left-color:#0080ff}.change-item.Changed[data-v-48df8630]{border-left-color:#af52de}.change-item.Removed[data-v-48df8630]{border-left-color:#ff3b30}.change-item.Security[data-v-48df8630]{border-left-color:#ffd60a}.change-category[data-v-48df8630]{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;position:relative;z-index:1}.change-category i[data-v-48df8630]{font-size:1rem;filter:drop-shadow(0 0 3px rgba(0,255,255,.5))}.change-category.Added[data-v-48df8630]{color:#0f8}.change-category.Fixed[data-v-48df8630]{color:#ff9500}.change-category.Improved[data-v-48df8630]{color:#0080ff}.change-category.Changed[data-v-48df8630]{color:#af52de}.change-category.Removed[data-v-48df8630]{color:#ff3b30}.change-category.Security[data-v-48df8630]{color:#ffd60a}.change-list[data-v-48df8630]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.change-detail[data-v-48df8630]{color:#e0e0e0;font-size:.9rem;line-height:1.5;padding-left:1.5rem;position:relative}.change-detail[data-v-48df8630]:before{content:"•";position:absolute;left:.5rem;color:#0ff;font-weight:700}@media (max-width:768px){.release-notes-modal[data-v-48df8630]{width:95%;max-height:90vh}.release-item[data-v-48df8630]{padding:1rem}.release-title[data-v-48df8630]{font-size:1.1rem}.version-tag[data-v-48df8630]{font-size:.875rem}}.expand-toggle[data-v-48df8630]{background:none;border:none;color:#0ff;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:4px}.expand-toggle[data-v-48df8630]:hover{background:rgba(0,255,255,.1);transform:scale(1.1)}.expand-toggle i[data-v-48df8630]{font-size:1.5rem;transition:transform .3s ease}.expand-enter-active[data-v-48df8630],.expand-leave-active[data-v-48df8630]{transition:all .3s ease;overflow:hidden}.expand-enter-from[data-v-48df8630],.expand-leave-to[data-v-48df8630]{opacity:0;max-height:0;margin-top:0}.expand-enter-to[data-v-48df8630],.expand-leave-from[data-v-48df8630]{opacity:1;max-height:2000px;margin-top:0}.claims-management-container,.user-edit-container,.user-management-container{min-height:100vh;height:100vh;background:linear-gradient(135deg,hsla(0,0%,4%,.98),rgba(26,26,26,.98));padding-top:72px;position:relative;overflow:hidden}.claims-management-container:before,.user-edit-container:before,.user-management-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:conic-gradient(from 60deg at 30% 30%,rgba(0,255,255,.02) 0deg,transparent 120deg,rgba(0,184,212,.015) 240deg,transparent 1turn);background-size:60px 60px;animation:fractalRotate 25s linear infinite;pointer-events:none;opacity:.8}@keyframes fractalRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.claims-management-content,.user-edit-content,.user-management-content{max-width:1400px;margin:0 auto;padding:var(--space-8) var(--space-6);position:relative;z-index:1;height:calc(100vh - 72px);overflow-y:auto;overflow-x:hidden}.claims-management-header,.user-edit-header,.user-management-header{margin-bottom:var(--space-8)}.header-actions{justify-content:space-between;gap:var(--space-4)}.header-actions,.user-info{display:flex;align-items:center;margin-bottom:var(--space-6);background:linear-gradient(135deg,rgba(0,255,255,.05),rgba(0,184,212,.08));padding:var(--space-6);border-radius:var(--radius-2xl);box-shadow:0 8px 30px rgba(0,255,255,.15);border:1px solid rgba(0,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-info{gap:var(--space-6)}.user-avatar{width:80px;height:80px;font-size:var(--font-size-2xl);box-shadow:0 4px 15px rgba(0,255,255,.3);transition:all var(--transition-fast);border:2px solid rgba(0,255,255,.4)}.user-avatar:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,255,255,.5)}.user-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#0ff;margin-bottom:var(--space-2);text-shadow:0 0 10px rgba(0,255,255,.6)}.user-subtitle{color:#00b8d4;font-size:var(--font-size-lg);margin:0;line-height:var(--line-height-relaxed);text-shadow:0 0 5px rgba(0,184,212,.3)}.admin-toggle-section{margin-bottom:var(--space-6)}.admin-toggle-card{background:linear-gradient(135deg,rgba(0,255,255,.05),rgba(0,184,212,.08));border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:0 8px 30px rgba(0,255,255,.15);border:1px solid rgba(0,255,255,.3);margin-bottom:var(--space-4);transition:all var(--transition-normal);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.admin-toggle-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ff,#00b8d4);box-shadow:0 2px 8px rgba(0,255,255,.5)}.admin-toggle-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,255,255,.25);border-color:rgba(0,255,255,.5)}.admin-toggle-header{position:relative}.admin-toggle-header,.admin-toggle-header-left{display:flex;align-items:center;gap:var(--space-3)}.admin-toggle-header i{font-size:var(--font-size-xl);color:#0ff;width:24px;text-align:center;text-shadow:0 0 8px rgba(0,255,255,.6)}.admin-toggle-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.4)}.admin-toggle-content{display:flex;align-items:center;gap:var(--space-4)}.admin-toggle{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.admin-toggle input{display:none}.toggle-slider{width:48px;height:24px;background:rgba(0,0,0,.6);border-radius:var(--radius-full);position:relative;border:1px solid rgba(0,255,255,.3)}.toggle-slider,.toggle-slider:before{transition:all var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#00b8d4;border-radius:var(--radius-full);box-shadow:0 2px 8px rgba(0,184,212,.5)}.admin-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#0ff,#00b8d4);border-color:#0ff;box-shadow:0 0 15px rgba(0,255,255,.5)}.admin-toggle input:checked+.toggle-slider:before{transform:translateX(24px);background:#000}.toggle-label{font-weight:var(--font-weight-medium);color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.3)}.toggle-spinner{color:#00b8d4;font-size:var(--font-size-sm)}.toggle-spinner,.unsaved-notice{display:flex;align-items:center;gap:var(--space-2)}.unsaved-notice{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,rgba(255,193,7,.15),rgba(255,152,0,.2));border:1px solid rgba(255,193,7,.4);border-radius:var(--radius-xl);color:#f59e0b;font-weight:var(--font-weight-medium);box-sizing:border-box;z-index:1;box-shadow:0 4px 15px rgba(255,193,7,.3)}.loading-section,.unsaved-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-section{padding:var(--space-12);gap:var(--space-4);background:linear-gradient(135deg,rgba(0,255,255,.05),rgba(0,184,212,.08));border-radius:var(--radius-2xl);box-shadow:0 8px 30px rgba(0,255,255,.15);border:1px solid rgba(0,255,255,.3)}.loading-spinner{font-size:var(--font-size-3xl);color:#0ff;text-shadow:0 0 15px rgba(0,255,255,.8)}.loading-text{color:#00b8d4;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-shadow:0 0 5px rgba(0,184,212,.3)}.alert-error,.error-notice{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(185,28,28,.15));border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-xl);color:#ff6b6b;box-shadow:0 4px 15px rgba(239,68,68,.2)}.alert-error,.alert-success,.error-notice,.success-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);font-weight:var(--font-weight-medium);margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alert-success,.success-notice{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.15));border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-xl);color:#10b981;box-shadow:0 4px 15px rgba(16,185,129,.2)}.claims-section{margin-top:var(--space-6)}.claims-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.claim-group-card{background:linear-gradient(135deg,rgba(0,255,255,.05),rgba(0,184,212,.08));border-radius:var(--radius-2xl);box-shadow:0 8px 30px rgba(0,255,255,.15);border:1px solid rgba(0,255,255,.3);overflow:hidden;transition:all var(--transition-normal);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.claim-group-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ff,#00b8d4);box-shadow:0 2px 8px rgba(0,255,255,.5)}.claim-group-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,255,255,.25);border-color:rgba(0,255,255,.5)}.claim-group-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);background:linear-gradient(135deg,rgba(0,255,255,.03),rgba(0,184,212,.05));border-bottom:1px solid rgba(0,255,255,.2)}.claim-group-icon{width:40px;height:40px;background:linear-gradient(135deg,#0ff,#00b8d4);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#000;font-size:var(--font-size-lg);box-shadow:0 4px 15px rgba(0,255,255,.4);border:2px solid rgba(0,255,255,.3)}.claim-group-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#0ff;margin:0;text-shadow:0 0 8px rgba(0,255,255,.5)}.claims-tree{padding:var(--space-6)}.saving-notice{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.15));border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-xl);color:#10b981;font-weight:var(--font-weight-medium);box-shadow:0 4px 15px rgba(16,185,129,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{gap:var(--space-6);background:linear-gradient(135deg,rgba(0,255,255,.05),rgba(0,184,212,.08));padding:var(--space-6);box-shadow:0 8px 30px rgba(0,255,255,.15)}.header-content,.header-icon{border-radius:var(--radius-2xl)}.header-icon{width:80px;height:80px;background:linear-gradient(135deg,#0ff,#00b8d4);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(0,255,255,.5);transition:all var(--transition-fast);border:2px solid rgba(0,255,255,.4)}.header-icon:hover{transform:scale(1.05);box-shadow:0 12px 35px rgba(0,255,255,.6)}.header-icon i{color:#000}.header-icon i,.header-title{font-size:var(--font-size-3xl)}.header-title{font-weight:var(--font-weight-bold);color:#0ff;margin-bottom:var(--space-2);text-shadow:0 0 10px rgba(0,255,255,.6)}.header-subtitle{color:#00b8d4;font-size:var(--font-size-lg);margin:0;line-height:var(--line-height-relaxed);text-shadow:0 0 5px rgba(0,184,212,.3)}.claims-content{margin-top:var(--space-6)}.add-claim-section{margin-top:var(--space-8)}.add-claim-card{background:linear-gradient(135deg,rgba(0,255,255,.05),rgba(0,184,212,.08));border-radius:var(--radius-2xl);box-shadow:0 8px 30px rgba(0,255,255,.15);border:1px solid rgba(0,255,255,.3);overflow:hidden;transition:all var(--transition-normal);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.add-claim-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 2px 8px rgba(16,185,129,.5)}.add-claim-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,255,255,.25);border-color:rgba(0,255,255,.5)}.add-claim-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.15));border-bottom:1px solid rgba(16,185,129,.2)}.add-claim-header i{width:24px;text-align:center}.add-claim-header i,.add-claim-title{font-size:var(--font-size-xl);color:#10b981}.add-claim-title{font-weight:var(--font-weight-semibold);margin:0}.add-claim-form{padding:var(--space-6)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.form-group{gap:var(--space-2)}.form-label{font-weight:var(--font-weight-medium);letter-spacing:.05em}.form-input,.form-select{padding:var(--space-3);border:2px solid rgba(0,255,255,.3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:rgba(0,0,0,.6);font-family:inherit;color:#0ff}.form-input:focus,.form-select:focus{outline:none;border-color:#0ff;box-shadow:0 0 0 3px rgba(0,255,255,.2);background:rgba(0,0,0,.8)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-6);background:linear-gradient(135deg,rgba(0,255,255,.05),rgba(0,184,212,.08));padding:var(--space-6);border-radius:var(--radius-2xl);box-shadow:0 8px 30px rgba(0,255,255,.15);border:1px solid rgba(0,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-title-section{flex:1}.page-title{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);text-shadow:0 0 10px rgba(0,255,255,.6)}.page-title,.page-title i{font-size:var(--font-size-3xl);color:#0ff}.page-title i{width:32px;text-align:center;text-shadow:0 0 15px rgba(0,255,255,.8)}.page-subtitle{color:#00b8d4;font-size:var(--font-size-lg);margin:0;line-height:var(--line-height-relaxed);text-shadow:0 0 5px rgba(0,184,212,.3)}.page-actions{display:flex;gap:var(--space-3)}.loading-container{padding:var(--space-16);gap:var(--space-4);background:linear-gradient(135deg,rgba(0,255,255,.05),rgba(0,184,212,.08));border-radius:var(--radius-2xl);box-shadow:0 8px 30px rgba(0,255,255,.15);border:1px solid rgba(0,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-container p{color:#00b8d4;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-shadow:0 0 5px rgba(0,184,212,.3)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.user-card{background:linear-gradient(135deg,rgba(0,255,255,.05),rgba(0,184,212,.08));border-radius:var(--radius-2xl);box-shadow:0 8px 30px rgba(0,255,255,.15);border:1px solid rgba(0,255,255,.3);overflow:hidden;transition:all var(--transition-normal);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ff,#00b8d4);box-shadow:0 2px 8px rgba(0,255,255,.5)}.user-card:hover{box-shadow:0 12px 40px rgba(0,255,255,.25);transform:translateY(-4px);border-color:rgba(0,255,255,.5)}.user-card-header{padding:var(--space-6);gap:var(--space-4);border-bottom:1px solid rgba(0,255,255,.2);background:linear-gradient(135deg,rgba(0,255,255,.03),rgba(0,184,212,.05))}.user-avatar,.user-card-header{display:flex;align-items:center}.user-avatar{width:56px;height:56px;border-radius:var(--radius-2xl);justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:#000;box-shadow:0 4px 15px rgba(0,255,255,.4);flex-shrink:0;background:linear-gradient(135deg,#0ff,#00b8d4);border:2px solid rgba(0,255,255,.3)}.user-info{flex:1;min-width:0}.user-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#0ff;margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 8px rgba(0,255,255,.5)}.user-actions{display:flex;gap:var(--space-2);flex-shrink:0}.user-card-body{padding:var(--space-4) var(--space-6)}.user-roles{display:flex;gap:var(--space-2);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge i{font-size:var(--font-size-sm)}.badge-warning{background:linear-gradient(135deg,rgba(255,193,7,.2),rgba(255,152,0,.25));color:#f59e0b;border:1px solid rgba(255,193,7,.4)}.badge-secondary{background:linear-gradient(135deg,rgba(0,255,255,.1),rgba(0,184,212,.15));color:#0ff;border:1px solid rgba(0,255,255,.3)}.empty-state{padding:var(--space-16);background:linear-gradient(135deg,rgba(0,255,255,.05),rgba(0,184,212,.08));border-radius:var(--radius-2xl);box-shadow:0 8px 30px rgba(0,255,255,.15);border:1px solid rgba(0,255,255,.3)}.empty-state-icon{background:linear-gradient(135deg,rgba(0,255,255,.1),rgba(0,184,212,.15));border-radius:var(--radius-2xl);margin:0 auto var(--space-6);color:#0ff;font-size:var(--font-size-4xl);border:2px solid rgba(0,255,255,.3);text-shadow:0 0 15px rgba(0,255,255,.8)}.empty-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:#0ff;margin-bottom:var(--space-2);text-shadow:0 0 8px rgba(0,255,255,.5)}.empty-state p{color:#00b8d4;font-size:var(--font-size-base);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed);text-shadow:0 0 5px rgba(0,184,212,.3)}.modal-title{gap:var(--space-3);font-weight:var(--font-weight-semibold)}.modal-title i{font-size:var(--font-size-xl);width:24px;text-align:center;text-shadow:0 0 10px rgba(0,255,255,.6)}.delete-warning{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(185,28,28,.15));border-radius:var(--radius-xl);border:1px solid rgba(239,68,68,.3);box-shadow:0 4px 15px rgba(239,68,68,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.warning-icon{width:48px;height:48px;background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(185,28,28,.25));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#ff6b6b;font-size:var(--font-size-xl);flex-shrink:0;border:2px solid rgba(239,68,68,.3)}.warning-content h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#ff6b6b;margin-bottom:var(--space-2)}.warning-content p{color:#ff6b6b;font-size:var(--font-size-sm);margin:0;line-height:var(--line-height-relaxed)}.warning-content strong{color:#ff6b6b;font-weight:var(--font-weight-bold)}.modal-overlay{background:rgba(0,0,0,.85);z-index:var(--z-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.modal,.modal-content{background:linear-gradient(135deg,hsla(0,0%,4%,.95),rgba(26,26,26,.95));border-radius:var(--radius-3xl);box-shadow:0 20px 60px rgba(0,255,255,.3);max-width:650px;width:95%;max-height:90vh;overflow:hidden;animation:scaleIn .3s ease-out;border:1px solid rgba(0,255,255,.4);padding:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.modal-header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid rgba(0,255,255,.2);background:linear-gradient(135deg,rgba(0,255,255,.05),rgba(0,184,212,.08))}.modal-header-content{display:flex;align-items:center;gap:var(--space-4);flex:1}.modal-icon{width:48px;height:48px;background:linear-gradient(135deg,#0ff,#00b8d4);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#000;font-size:var(--font-size-xl);box-shadow:0 4px 15px rgba(0,255,255,.5);border:2px solid rgba(0,255,255,.3)}.modal-title-section{flex:1}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-1) 0;line-height:var(--line-height-tight);text-shadow:0 0 8px rgba(0,255,255,.5)}.modal-subtitle{font-size:var(--font-size-sm);color:#00b8d4;margin:0;line-height:var(--line-height-relaxed);text-shadow:0 0 5px rgba(0,184,212,.3)}.close-btn{width:40px;height:40px;border:none;background:rgba(0,0,0,.6);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#00b8d4;font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;border:1px solid rgba(0,255,255,.3)}.close-btn:hover{background:rgba(0,255,255,.1);color:#0ff;transform:scale(1.05);border-color:rgba(0,255,255,.5)}.modal-body{padding:var(--space-8);max-height:60vh}.form-section{gap:var(--space-6)}.form-group,.form-section{display:flex;flex-direction:column}.form-group{gap:var(--space-3)}.form-label{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);color:#0ff;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 5px rgba(0,255,255,.3)}.form-label i{color:#0ff;font-size:var(--font-size-base);text-shadow:0 0 8px rgba(0,255,255,.5)}.input-wrapper{position:relative;display:flex;align-items:center}.form-input{padding:var(--space-4) var(--space-4) var(--space-4) var(--space-16);border:2px solid rgba(0,255,255,.3);border-radius:var(--radius-xl);font-size:var(--font-size-base);background:rgba(0,0,0,.6);color:#0ff;transition:all var(--transition-fast);font-family:inherit}.form-input:focus{border-color:#0ff;box-shadow:0 0 0 3px rgba(0,255,255,.2);background:rgba(0,0,0,.8)}.form-input::-moz-placeholder{color:rgba(0,184,212,.6)}.form-input::placeholder{color:rgba(0,184,212,.6)}.input-icon{position:absolute;left:var(--space-6);top:50%;transform:translateY(-50%);color:#00b8d4;font-size:var(--font-size-lg);pointer-events:none;transition:color var(--transition-fast);z-index:1}.form-input:focus~.input-icon{color:#0ff}.form-hint{font-size:var(--font-size-xs);color:#00b8d4;line-height:var(--line-height-relaxed);margin-top:var(--space-1)}.modal-footer{padding:var(--space-6) var(--space-8);border-top:1px solid rgba(0,255,255,.2);background:linear-gradient(135deg,rgba(0,255,255,.03),rgba(0,184,212,.05))}.modal-actions{gap:var(--space-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.claims-management-content,.user-edit-content,.user-management-content{padding:var(--space-6) var(--space-4)}.header-actions{align-items:stretch}.header-actions,.user-info{flex-direction:column;padding:var(--space-4)}.user-info{text-align:center;gap:var(--space-4)}.user-avatar{width:60px;height:60px;font-size:var(--font-size-xl)}.user-title{font-size:var(--font-size-2xl)}.admin-toggle-content{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.claims-grid{grid-template-columns:1fr}.header-content{flex-direction:column;text-align:center;gap:var(--space-4);padding:var(--space-4)}.header-icon{width:60px;height:60px}.header-icon i,.header-title{font-size:var(--font-size-2xl)}.form-grid{grid-template-columns:1fr}.form-actions{justify-content:stretch}.user-management-content{padding:var(--space-4) var(--space-3)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-4)}.page-title,.page-title i{font-size:var(--font-size-2xl)}.users-grid{grid-template-columns:1fr}.user-card-header{padding:var(--space-4)}.user-avatar{width:48px;height:48px;font-size:var(--font-size-base)}.user-actions{flex-direction:column}.modal,.modal-content{width:98%;max-height:95vh}.modal-header{padding:var(--space-4) var(--space-4) var(--space-3)}.modal-header-content{gap:var(--space-3)}.modal-icon{width:40px;height:40px}.modal-icon,.modal-title{font-size:var(--font-size-lg)}.modal-subtitle{font-size:var(--font-size-xs)}.modal-body{padding:var(--space-6)}.form-section{gap:var(--space-5)}.modal-footer{padding:var(--space-4) var(--space-6)}.modal-actions{flex-direction:column;gap:var(--space-3)}.modal-actions .btn{width:100%}}@media (max-width:480px){.claims-management-content,.user-edit-content,.user-management-content{padding:var(--space-4) var(--space-3)}.add-claim-form,.admin-toggle-card,.claims-tree{padding:var(--space-4)}.user-card-body{padding:var(--space-3) var(--space-4)}}.admin-toggle-card{animation:fadeIn .5s ease-out}.claim-group-card{animation:slideIn .3s ease-out}.user-card{animation:scaleIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.admin-toggle-card:focus-within{outline:2px solid #0ff;outline-offset:2px}.user-card:focus-within{outline:2px solid #0ff;outline-offset:2px}@media print{.claims-management-container:before,.user-edit-container:before,.user-management-container:before{display:none}.admin-toggle-card,.claim-group-card,.user-card{box-shadow:none!important;border:1px solid rgba(0,255,255,.3)!important}.page-actions,.user-actions{display:none!important}}.login-page[data-v-810a00a2]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);position:relative;overflow:hidden;background:var(--gray-900)}.login-background[data-v-810a00a2]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 100%);z-index:-2}.login-background-shapes[data-v-810a00a2]{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.shape[data-v-810a00a2]{position:absolute;border-radius:var(--radius-full);background:hsla(0,0%,100%,.05);animation:float-810a00a2 8s ease-in-out infinite}.shape-1[data-v-810a00a2]{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.shape-2[data-v-810a00a2]{width:120px;height:120px;top:60%;right:10%;animation-delay:2s}.shape-3[data-v-810a00a2]{width:60px;height:60px;bottom:20%;left:20%;animation-delay:4s}.shape-4[data-v-810a00a2]{width:100px;height:100px;top:10%;right:30%;animation-delay:1s}@keyframes float-810a00a2{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.login-container[data-v-810a00a2]{width:100%;max-width:480px;z-index:1}.login-card[data-v-810a00a2]{background:var(--gray-800);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--gray-700);padding:var(--space-8);position:relative;overflow:hidden}.login-card[data-v-810a00a2]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500) 0,var(--primary-600) 100%)}.login-header[data-v-810a00a2]{text-align:center;margin-bottom:var(--space-8)}.login-logo[data-v-810a00a2]{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);box-shadow:var(--shadow-lg)}.login-logo i[data-v-810a00a2]{font-size:var(--font-size-4xl);color:var(--white)}.login-title[data-v-810a00a2]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--white);margin-bottom:var(--space-2)}.login-subtitle[data-v-810a00a2]{color:var(--gray-300);font-size:var(--font-size-base);margin:0}.login-form[data-v-810a00a2]{margin-bottom:var(--space-6)}.form-label[data-v-810a00a2]{display:flex;align-items:center;gap:var(--space-2)}.form-label i[data-v-810a00a2]{color:var(--primary-400);font-size:var(--font-size-lg)}.form-input[data-v-810a00a2]{border-color:var(--gray-600)!important}.form-input[data-v-810a00a2],.form-input[data-v-810a00a2]:focus{background-color:var(--gray-700)!important;color:var(--white)!important}.form-input[data-v-810a00a2]:focus{border-color:var(--primary-500)!important;box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.1)!important}.form-input[data-v-810a00a2]::-moz-placeholder{color:var(--gray-400)!important}.form-input[data-v-810a00a2]::placeholder{color:var(--gray-400)!important}.password-input-group[data-v-810a00a2]{position:relative}.password-toggle-btn[data-v-810a00a2]{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-400);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.password-toggle-btn[data-v-810a00a2]:hover{background-color:var(--gray-600);color:var(--white)}.password-toggle-btn.visible[data-v-810a00a2]{color:var(--primary-400)}.login-submit-btn[data-v-810a00a2]{width:100%;margin-top:var(--space-4)}.login-submit-btn .spinner[data-v-810a00a2]{margin-right:var(--space-2)}.login-footer[data-v-810a00a2]{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-700)}.back-to-home[data-v-810a00a2]{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--gray-300);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.back-to-home[data-v-810a00a2]:hover{color:var(--primary-400);transform:translateX(-2px)}.back-to-home i[data-v-810a00a2]{font-size:var(--font-size-lg)}.form-checkbox[data-v-810a00a2]{color:var(--gray-300)!important}.form-checkbox input[type=checkbox][data-v-810a00a2]{accent-color:var(--primary-500)!important}@media (max-width:768px){.login-page[data-v-810a00a2]{padding:var(--space-2)}.login-card[data-v-810a00a2]{padding:var(--space-6);border-radius:var(--radius-2xl)}.login-logo[data-v-810a00a2]{width:60px;height:60px}.login-logo i[data-v-810a00a2]{font-size:var(--font-size-3xl)}.login-title[data-v-810a00a2]{font-size:var(--font-size-2xl)}}.search-tab{padding:1rem 0}.search-form{margin-bottom:1.5rem}.search-form .form-row{margin-bottom:1rem}.search-form .form-row:last-child{margin-bottom:0}.search-results{margin-top:1.5rem}.search-results h4{margin-bottom:1rem;color:#374151;font-size:1.1rem;font-weight:600}.card-collection-container .card-grid{display:flex!important;gap:1rem!important;margin-bottom:1.5rem!important;padding-bottom:0!important;align-items:flex-start!important}.card-collection-container .card-column{flex:1 1 223px!important;min-width:223px!important;max-width:100%!important;display:flex!important;flex-direction:column!important;gap:1rem!important}.card-collection-container .card-grid-item{display:block!important;width:100%!important}.card-result{border:2px solid #e5e7eb;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s ease;background:#fff;min-height:200px;display:flex;flex-direction:column}.card-result:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.card-result.selected{border-color:#667eea;background-color:#f0f4ff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.card-image{width:100%;height:auto;border-radius:4px;margin-bottom:.5rem;flex-shrink:0;max-width:100%}@media (max-width:1200px){.card-collection-container .card-column{flex-basis:200px!important;min-width:200px!important}}@media (max-width:768px){.card-collection-container .card-grid{gap:.75rem!important}.card-collection-container .card-column{flex-basis:180px!important;min-width:180px!important;gap:.75rem!important}}@media (max-width:480px){.card-collection-container .card-grid{gap:.5rem!important}.card-collection-container .card-column{flex-basis:150px!important;min-width:150px!important;gap:.5rem!important}}.card-info{text-align:center;width:100%;max-width:100%;overflow:hidden;flex:1;flex-direction:column;justify-content:flex-start}.card-name{font-size:.8rem;color:#374151;margin-bottom:.5rem}.card-name,.card-set{display:block;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}.card-set{font-size:.7rem;color:#6b7280;margin-top:auto;padding-top:.25rem}.selected-card-form{margin-top:1.5rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;background-color:#f9fafb}.selected-card-form h4{margin-bottom:1rem;color:#374151;font-size:1.1rem;font-weight:600}.selected-card-display{display:flex;align-items:center;margin-bottom:1rem;padding:1rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.selected-card-image{width:80px;height:auto;border-radius:4px;margin-right:1rem}.selected-card-details h5{margin:0 0 .5rem 0;color:#374151;font-size:1rem;font-weight:600}.selected-card-details p{margin:0;color:#6b7280;font-size:.9rem}.mtg-decks-container{max-width:100%;margin-top:16px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);background-attachment:fixed;min-height:calc(100vh - 16px);position:static;overflow-x:visible;overflow-y:visible}.mtg-decks-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,255,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,255,.03) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,184,212,.02) 0,transparent 50%);pointer-events:none;z-index:-1}.decks-header{background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(42,42,42,.6));box-shadow:0 10px 30px rgba(0,255,255,.2),0 0 60px rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.3);color:#0ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.decks-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(0,255,255,.05) 49%,rgba(0,255,255,.05) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,255,255,.03) 49%,rgba(0,255,255,.03) 51%,transparent 52%);background-size:20px 20px;pointer-events:none;z-index:-1}.decks-content{padding:0 2rem 2rem 2rem}.deck-details-panel{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:visible}.panel-header{gap:2rem;flex-wrap:wrap}.panel-title{font-size:1.5rem;font-weight:700;color:#1f2937}.panel-title i{color:#667eea}.deck-cards-container{padding:2rem}.deck-cards-grouped{gap:2rem}.deck-column{display:flex;flex-direction:column;gap:2rem;width:240px}.card-type-group{background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0}.card-type-title{font-weight:600;color:#374151}.deck-cards-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;align-items:flex-start}.empty-deck{padding:4rem 2rem;color:#6b7280}.empty-icon{font-size:4rem;color:#d1d5db}.empty-deck h4{font-size:1.5rem;font-weight:600;margin:0 0 .5rem 0;color:#374151}.empty-deck p{margin:0 0 2rem 0;font-size:1.1rem}.add-first-card-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-weight:600;transition:all .3s ease;margin:0 auto}.add-first-card-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.3)}.no-deck-selected{min-height:400px;color:#6b7280}.no-deck-icon{color:#d1d5db}.no-deck-content h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem 0;color:#374151}.no-deck-content p{margin:0;font-size:1.1rem}.export-deck-btn{margin-left:1rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem 1rem;font-size:1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background .2s}.export-deck-btn:hover{background:#e0e7ef}.import-deck-btn{margin-left:1rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem 1rem;font-size:1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background .2s}.import-deck-btn:hover{background:#e0e7ef}.delete-deck-header-btn{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:.5rem;color:#dc2626;transition:background .2s}.delete-deck-header-btn:hover{background:#fecaca}.deck-dropdown{overflow-y:auto}.dropdown-header{padding:1rem;border-bottom:1px solid #e5e7eb}.create-deck-dropdown-btn{background:linear-gradient(135deg,#667eea,#764ba2);padding:.75rem 1rem;font-size:1rem;transition:all .2s}.create-deck-dropdown-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.dropdown-divider{background:#e5e7eb}.deck-list-dropdown{padding:.5rem 0}.deck-name{font-weight:500}.deck-date{font-size:.875rem}.deck-date,.no-decks-message{color:#6b7280}.deck-settings-container{position:relative;z-index:10;width:100%;display:flex;justify-content:center}.settings-cog-btn{background:rgba(0,0,0,.8);border:1px solid rgba(0,0,0,.3);border-radius:8px;padding:.5rem;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.settings-cog-btn:hover{background:rgba(0,0,0,.9);transform:rotate(90deg)}.settings-dropdown{position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:1000;margin-top:.5rem;min-width:180px;border:1px solid #e5e7eb}.settings-dropdown-btn{width:100%;background:none;border:none;padding:.75rem 1rem;color:#374151;font-size:.875rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:.5rem;text-align:left}.settings-dropdown-btn:hover{background:#f3f4f6}.settings-dropdown-btn:first-child{border-radius:8px 8px 0 0}.settings-dropdown-btn:last-child{border-radius:0 0 8px 8px}.settings-dropdown-btn:only-child{border-radius:8px}.settings-dropdown-btn.convert-btn{color:#059669;font-weight:600}.settings-dropdown-btn.convert-btn:hover{background:#ecfdf5;color:#047857}.loading-container{color:#6b7280}.loading-container p{margin:0;font-size:1.1rem}.card-collection-container{max-width:100%;margin:0;margin-top:16px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);background-attachment:fixed;min-height:calc(100vh - 16px);position:relative;overflow-x:visible;overflow-y:visible}.card-collection-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,255,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,255,.03) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,184,212,.02) 0,transparent 50%);pointer-events:none;z-index:-1}.card-collection-header{background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(42,42,42,.6));border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 30px rgba(0,255,255,.2),0 0 60px rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.3);color:#0ff;opacity:1;visibility:visible;z-index:10;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.card-collection-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(0,255,255,.05) 49%,rgba(0,255,255,.05) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,255,255,.03) 49%,rgba(0,255,255,.03) 51%,transparent 52%);background-size:20px 20px;pointer-events:none;z-index:-1}.header-content{position:relative;z-index:10;background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(42,42,42,.6));padding:var(--space-4);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.3);box-shadow:0 4px 15px rgba(0,255,255,.1),0 0 25px rgba(0,255,255,.05)}.card-collection-title,.header-content,.title-section{opacity:1;visibility:visible}.card-collection-title{font-size:2.5rem;font-weight:800;letter-spacing:1px;margin:0 0 .5rem 0;display:flex;align-items:center;gap:1rem;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.3)}.card-collection-title i{font-size:2.2rem;color:#00e5ff;opacity:1;visibility:visible;text-shadow:0 0 15px rgba(0,229,255,.5)}.card-collection-subtitle{font-size:1.1rem;opacity:1;margin:0;font-weight:300;visibility:visible;color:#00b8d4;text-shadow:0 1px 2px rgba(0,0,0,.1)}.card-collection-add-btn{background:linear-gradient(135deg,rgba(0,255,255,.2),rgba(0,184,212,.2));border:1px solid #0ff;color:#0ff;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(0,255,255,.3);display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;opacity:1;visibility:visible}.card-collection-add-btn:hover{background:linear-gradient(135deg,rgba(0,255,255,.3),rgba(0,184,212,.3));box-shadow:0 8px 25px rgba(0,255,255,.4);transform:translateY(-2px)}.card-collection-add-btn i{font-size:1.1rem;opacity:1;visibility:visible}.card-collection-public-btn{background:rgba(26,26,26,.8);border:1px solid #10b981;color:#10b981;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(16,185,129,.3);display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;opacity:1;visibility:visible}.card-collection-public-btn:hover{background:rgba(16,185,129,.1);box-shadow:0 8px 25px rgba(16,185,129,.3);transform:translateY(-2px)}.card-collection-public-btn i{font-size:1.1rem;opacity:1;visibility:visible}.card-collection-filter-btn{background:#f59e0b;color:#fff;border:none;border-radius:6px;padding:.5rem 1.5rem;font-size:1rem;cursor:pointer;transition:background .2s}.card-collection-filter-btn:hover{background:#d97706}.filters-section{background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(42,42,42,.6));border-radius:16px;padding:1rem;margin-bottom:2rem;box-shadow:0 8px 32px rgba(0,255,255,.15),0 0 40px rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;visibility:visible;z-index:5;position:relative;overflow:hidden}.filters-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(0,255,255,.03) 49%,rgba(0,255,255,.03) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,255,255,.02) 49%,rgba(0,255,255,.02) 51%,transparent 52%);background-size:30px 30px;pointer-events:none;z-index:-1}.filters-header{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb;opacity:1;visibility:visible}.filters-header-top{justify-content:space-between}.filters-header-top,.filters-title{display:flex;align-items:center;opacity:1;visibility:visible}.filters-title{font-size:1.25rem;font-weight:600;color:#0ff;margin:0;gap:.5rem;text-shadow:0 0 10px rgba(0,255,255,.5)}.filters-title i{color:#00b8d4;opacity:1;visibility:visible;text-shadow:0 0 8px rgba(0,184,212,.4)}.filters-actions{display:flex;gap:.5rem;opacity:1;visibility:visible}.filter-action-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s;opacity:1;visibility:visible}.filter-action-btn.clear{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.filter-action-btn.clear:hover{background:#fecaca;border-color:#f87171}.filter-action-btn.apply{background:#dbeafe;color:#2563eb;border-color:#93c5fd}.filter-action-btn.apply:hover{background:#bfdbfe;border-color:#60a5fa}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:end}@media (max-width:1200px){.filters-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.filters-grid{grid-template-columns:1fr}}.filter-item{display:flex;flex-direction:column}.filter-item label{font-size:.9rem;font-weight:500;color:#00b8d4;margin-bottom:.5rem;text-shadow:0 0 5px rgba(0,184,212,.3)}.filter-item input,.filter-item select{padding:.75rem;border-radius:10px;border:2px solid rgba(0,255,255,.3);font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(42,42,42,.6));color:#0ff;box-shadow:0 2px 4px rgba(0,255,255,.1),0 0 15px rgba(0,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-item input:focus,.filter-item select:focus{outline:none;border-color:rgba(0,255,255,.6);box-shadow:0 0 0 4px rgba(0,255,255,.1),0 4px 15px rgba(0,255,255,.2);transform:translateY(-2px);background:linear-gradient(135deg,rgba(26,26,26,.9),rgba(42,42,42,.7))}.card-grid{-moz-column-count:auto;column-count:auto;-moz-column-width:223px;column-width:223px;-moz-column-gap:2rem;column-gap:2rem;padding:1.5rem 0;background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(42,42,42,.6));border-radius:16px;padding:2rem;padding-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,255,255,.15),0 0 40px rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.3);position:relative;overflow:hidden}.card-grid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(0,255,255,.02) 49%,rgba(0,255,255,.02) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,255,255,.01) 49%,rgba(0,255,255,.01) 51%,transparent 52%);background-size:40px 40px;pointer-events:none;z-index:-1}.card-item{background:transparent;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.12);padding:0;display:flex;flex-direction:column;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;border:none;width:223px;height:310px}.card-item:hover{box-shadow:0 16px 40px rgba(0,0,0,.2);transform:translateY(-8px) scale(1.02)}.card-item:hover .card-overlay{opacity:0;visibility:hidden}.card-item-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease}.card-item:hover .card-item-image{transform:scale(1.02)}.card-quantity-badge{position:absolute;top:0;left:0;width:0;height:0;border-top:35px solid #8c8c8c;border-right:35px solid transparent;z-index:10}.card-quantity-badge span{position:absolute;top:-30px;left:-5px;color:#fff;font-size:.8rem;font-weight:700;width:32px;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:flex-start;justify-content:flex-end;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10}.card-item:hover .card-overlay{opacity:1;visibility:visible}.card-overlay-actions{padding:.5rem;display:flex;gap:.5rem}.card-overlay-btn{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:rgba(0,0,0,.8);color:#fff}.card-item:hover .card-overlay-btn,.card-overlay-btn{opacity:1;visibility:visible}.card-overlay-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.25)}.card-overlay-btn.edit{color:#2563eb}.card-overlay-btn.edit:hover{background:#2563eb;color:#fff}.card-overlay-btn.delete{color:#dc2626}.card-overlay-btn.delete:hover{background:#dc2626;color:#fff}.card-overlay-btn i{font-size:16px}.card-item-desc{font-size:.95rem;color:#6b7280;margin-bottom:.75rem;text-align:left;line-height:1.5;flex:1}.card-item-details{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.card-item-set{font-size:.9rem;font-weight:600;color:#7c3aed;background:#f3f4f6;padding:.4rem .8rem;border-radius:8px;border:1px solid #e5e7eb}.card-item-foil{font-size:.8rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;padding:.4rem .8rem;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px rgba(245,158,11,.3)}.card-item-price{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .8rem;background:#f0f9ff;border-radius:8px;border:1px solid #bae6fd}.price-label{font-size:.85rem;color:#0369a1;font-weight:500}.price-value{font-size:.9rem;color:#0c4a6e}.card-item-rarity{font-size:.9rem;font-weight:600;color:#f59e42;background:#fef3c7;padding:.4rem .8rem;border-radius:8px;border:1px solid #fde68a;align-self:flex-start;margin-bottom:.75rem}.card-form{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-header{margin-bottom:2rem;text-align:center}.card-form-title{font-size:1.8rem;font-weight:700;color:#1f2937;margin:0 0 .5rem 0;display:flex;align-items:center;justify-content:center;gap:.75rem}.card-form-title i{color:#667eea;font-size:1.6rem}.form-subtitle{color:#6b7280;font-size:1rem;margin:0}.form-content{max-width:800px;margin:0 auto}.form-grid{display:grid}.card-form-row{display:flex;flex-direction:column;gap:.5rem}.card-form-row.checkbox-row{flex-direction:row;align-items:center;gap:1rem}.card-form-row label{font-weight:600;color:#374151;font-size:.95rem}.card-form-row input{padding:.75rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05)}.card-form-row input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);transform:translateY(-1px)}.card-form-row input::-moz-placeholder{color:#9ca3af}.card-form-row input::placeholder{color:#9ca3af}.card-form-row textarea{min-height:60px;resize:vertical}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;accent-color:#4f8cff}.checkbox-label{font-size:.97rem;color:#333;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.card-form-btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1)}.card-form-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.card-form-btn.primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.3)}.card-form-btn.cancel{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280}.card-form-btn.cancel:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.empty-state{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;margin:0 auto}.empty-state-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;box-shadow:0 8px 25px rgba(102,126,234,.3)}.empty-state-icon i{font-size:2.5rem;color:#fff}.empty-state-title{font-size:1.8rem;font-weight:700;color:#1f2937;margin:0 0 1rem 0}.empty-state-message{font-size:1.1rem;color:#6b7280;margin:0 0 2rem 0;line-height:1.6}.empty-state-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px rgba(251,191,36,.3)}.empty-state-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 6px 20px rgba(251,191,36,.4)}.empty-state-btn i{font-size:1.1rem}.card-dialog-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:none!important;padding:20px}.card-dialog{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:dialogSlideIn .3s ease-out;position:relative;z-index:10000}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.card-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.card-dialog-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.card-dialog-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.card-dialog-close:hover{background:#f3f4f6;color:#374151}.card-dialog-content{padding:1.5rem;max-height:calc(90vh - 120px);overflow-y:auto}.card-info-section{display:flex;gap:1.5rem;margin-bottom:2rem;align-items:flex-start}.card-image-container{flex-shrink:0;position:relative}.card-dialog-image{width:200px;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.card-flip-btn{position:absolute;top:-10px;left:-10px;background:transparent;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.2);font-size:1rem;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-flip-btn:hover{background:rgba(139,92,246,.9);transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.3)}.card-flip-btn i{transition:transform .3s ease}.card-flip-btn:hover i{transform:rotate(180deg)}.card-basic-info{height:280px}.card-basic-info,.card-info-top{flex:1;display:flex;flex-direction:column}.card-info-bottom{margin-top:auto;display:flex;flex-direction:column;gap:.75rem}.card-group-info{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(102,126,234,.05);border-radius:8px;border:1px solid rgba(102,126,234,.1)}.card-group-info label{font-weight:600;color:#374151;font-size:.875rem;margin:0}.card-group-select{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:.4rem .8rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(102,126,234,.3);min-width:120px}.card-group-select:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.card-group-select:focus{outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.3)}.card-group-select option{background:#1f2937;color:#fff;padding:.5rem}.card-name{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .75rem 0;line-height:1.3}.card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.card-set{font-size:.95rem;color:#1f2937;font-weight:600;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:.4rem .8rem;border-radius:6px;border:1px solid #d1d5db;box-shadow:0 1px 3px rgba(0,0,0,.1);display:inline-block}.card-foil-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.card-flavor-name{color:#6b7280;font-style:italic;font-weight:400;font-size:.9em}.card-set-name{font-size:.9rem;color:#9ca3af;font-style:italic}.card-details-section{background:#f9fafb;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.detail-row:last-child{border-bottom:none}.detail-row label{font-weight:600;color:#374151;min-width:120px}.detail-row span{color:#1f2937;text-align:right;flex:1}.rarity-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize;color:#fff}.rarity-badge.common{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 4px hsla(220,9%,46%,.3)}.rarity-badge.uncommon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px rgba(16,185,129,.3)}.rarity-badge.rare{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px rgba(59,130,246,.3)}.rarity-badge.mythic{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 4px rgba(245,158,11,.3)}.rarity-badge.special{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 4px rgba(139,92,246,.3)}.rarity-badge.bonus{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 2px 4px rgba(236,72,153,.3)}.rarity-badge:not(.common):not(.uncommon):not(.rare):not(.mythic):not(.special):not(.bonus){background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px rgba(102,126,234,.3)}.price-value{font-weight:600;color:#059669}.double-faced-section{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:8px;padding:1.5rem;margin-top:1.5rem;border:1px solid #d1d5db}.back-face-title{margin:0 0 1rem 0;color:#374151;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.back-face-title:before{content:"🔄";font-size:1rem}.back-face-content{display:flex;flex-direction:column;gap:.75rem}.back-face-image{max-width:200px;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-top:.5rem}.card-type-group-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;display:inline-block}.card-amount-controls{gap:.5rem;margin-top:auto;padding:.5rem;background:rgba(102,126,234,.05);border-radius:12px;border:1px solid rgba(102,126,234,.1);width:100%}.amount-btn,.card-amount-controls{display:flex;align-items:center;justify-content:center}.amount-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(102,126,234,.3);font-size:1rem;font-weight:700}.amount-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.amount-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.amount-badge,.amount-btn i{font-size:.9rem}.amount-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.4rem .8rem;border-radius:20px;font-weight:700;display:inline-block;min-width:2rem;text-align:center;box-shadow:0 2px 8px rgba(102,126,234,.3);border:2px solid hsla(0,0%,100%,.2)}.card-edit-section{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.card-edit-section h4{margin:0 0 1rem 0;color:#92400e;font-size:1.1rem}.edit-form{gap:1rem}.edit-form,.form-row{display:flex;flex-direction:column}.form-row{gap:.5rem}.form-row label{font-weight:500;color:#00b8d4;font-size:.9rem;text-shadow:0 0 5px rgba(0,184,212,.3)}.form-row input{padding:.6rem;border:1px solid #0ff;border-radius:6px;font-size:.95rem;background:rgba(26,26,26,.8);color:#0ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.form-row input:focus{outline:none;border-color:#0ff;box-shadow:0 0 0 3px rgba(0,255,255,.2),0 4px 12px rgba(0,255,255,.4)}.form-row input::-moz-placeholder{color:rgba(0,184,212,.6)}.form-row input::placeholder{color:rgba(0,184,212,.6)}.card-dialog-actions{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.dialog-actions-left{display:flex;gap:.75rem}.dialog-btn{padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem}.dialog-btn.edit{background:#4f8cff;color:#fff}.dialog-btn.edit:hover{background:#2563eb}.dialog-btn.delete{background:#dc2626;color:#fff}.dialog-btn.delete:hover{background:#b91c1c}.dialog-btn.cancel{background:#6b7280;color:#fff}.dialog-btn.cancel:hover{background:#4b5563}.dialog-btn.save{background:#10b981;color:#fff}.dialog-btn.save:hover{background:#059669}.dialog-btn.close{background:#f3f4f6;color:#374151}.dialog-btn.close:hover{background:#e5e7eb}.card-overlay-btn.menu{background:rgba(0,0,0,.8);color:#fff}.card-overlay-btn.menu:hover{background:rgba(0,0,0,.9)}@media (max-width:768px){.card-dialog-overlay{padding:10px}.card-dialog{width:95%;max-height:95vh;margin-top:0}.card-dialog-content{max-height:calc(95vh - 100px);padding:1rem}.card-info-section{flex-direction:column;align-items:center;text-align:center}.card-dialog-image{width:150px}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-row label{min-width:auto}.detail-row span{text-align:left}.card-dialog-actions{flex-direction:column;gap:1rem}.dialog-actions-left{width:100%;justify-content:center}}.searchable-dropdown{position:relative;width:100%}.searchable-dropdown input{width:100%;padding:.75rem;border-radius:10px;border:2px solid rgba(0,255,255,.3);font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(42,42,42,.6));color:#0ff;box-shadow:0 2px 4px rgba(0,255,255,.1),0 0 15px rgba(0,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.searchable-dropdown input:focus{outline:none;border-color:rgba(0,255,255,.6);box-shadow:0 0 0 4px rgba(0,255,255,.1),0 4px 15px rgba(0,255,255,.2);transform:translateY(-2px);background:linear-gradient(135deg,rgba(26,26,26,.9),rgba(42,42,42,.7))}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-top:none;border-radius:0 0 10px 10px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.1)}.dropdown-option{padding:.75rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background-color:#f9fafb}.set-name{font-weight:500;color:#374151}.set-code{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.2rem .5rem;border-radius:4px;font-weight:500}.card-stack{position:relative;width:223px;height:calc(310px + var(--max-stack-index, 0)*40px);display:flex;justify-content:start;align-items:start;overflow:visible}.mtg-card-component{min-height:310px;display:inline-block;margin-bottom:2rem;-moz-column-break-inside:avoid;break-inside:avoid}.mtg-card-component.is-stack{min-height:310px;height:auto}.card-item.stacked{position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:center}.card-item.stacked:not(:first-child){transform:translateY(calc(var(--stack-index, 1)*40px));opacity:1}.card-stack:hover .card-item.stacked:hover{z-index:1000!important}.card-stack[style*="--hovered-index"] .card-item.stacked{transform:translateY(calc(var(--stack-index)*40px + var(--move-down, 0px)));opacity:1}.card-item.stacked.show-synergy.high-synergy{border:3px solid #10b981!important;box-shadow:0 0 0 1px #10b981,0 4px 12px rgba(16,185,129,.2)!important}.card-item.stacked.show-synergy.medium-synergy{border:3px solid #f59e0b!important;box-shadow:0 0 0 1px #f59e0b,0 4px 12px rgba(245,158,11,.2)!important}.card-item.stacked.show-synergy.low-synergy{border:3px solid #f97316!important;box-shadow:0 0 0 1px #f97316,0 4px 12px rgba(249,115,22,.2)!important}.card-item.stacked.show-synergy.no-synergy{border:3px solid #ef4444!important;box-shadow:0 0 0 1px #ef4444,0 4px 12px rgba(239,68,68,.2)!important}.card-item.single.show-synergy.high-synergy{border:3px solid #10b981!important;box-shadow:0 0 0 1px #10b981,0 4px 12px rgba(16,185,129,.2)!important}.card-item.single.show-synergy.medium-synergy{border:3px solid #f59e0b!important;box-shadow:0 0 0 1px #f59e0b,0 4px 12px rgba(245,158,11,.2)!important}.card-item.single.show-synergy.low-synergy{border:3px solid #f97316!important;box-shadow:0 0 0 1px #f97316,0 4px 12px rgba(249,115,22,.2)!important}.card-item.single.show-synergy.no-synergy{border:3px solid #ef4444!important;box-shadow:0 0 0 1px #ef4444,0 4px 12px rgba(239,68,68,.2)!important}.stack-indicator{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px rgba(102,126,234,.4);z-index:10;border:2px solid #fff}.stack-count{line-height:1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.delete-deck-btn{background:#ef4444;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;transition:background .2s}.delete-deck-btn:hover{background:#dc2626}.delete-deck-header-btn{background:rgba(239,68,68,.2);color:#fff;border:1px solid rgba(239,68,68,.3);padding:.75rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-right:1rem}.delete-deck-header-btn:hover{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.5);transform:translateY(-1px)}.mtg-decks-container{padding:2rem;max-width:none;width:100%;margin:0;min-height:100vh;padding-top:16px}.decks-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2rem;margin-bottom:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 32px rgba(102,126,234,.3)}.header-icon{font-size:2.5rem;opacity:.9}.header-text .page-title{font-size:2rem;font-weight:700;margin:0 0 .5rem 0;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.3)}.header-text .page-subtitle{font-size:1rem;opacity:.9;margin:0;color:#00b8d4}.header-stats{display:flex;gap:2rem}.stat-item{text-align:center;background:hsla(0,0%,100%,.1)}.stat-number{color:#fff}.stat-label{color:hsla(0,0%,100%,.9)}.decks-content{margin-top:2rem}.deck-details-panel,.no-deck-selected{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:visible}.panel-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.deck-stats-right{display:flex;flex-direction:row;gap:1rem;align-items:flex-start}.stat-items-column{display:flex;flex-direction:column;gap:.5rem}.panel-header .stat-item{background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.1)}.panel-header .stat-item .stat-number{color:#1e293b}.panel-header .stat-item .stat-label{color:#64748b}.panel-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:.5rem}.empty-state{padding:3rem 1rem;color:#64748b}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.deck-details-panel{display:flex;flex-direction:column}.add-card-btn{background:#10b981;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s}.add-card-btn:hover{background:#059669}.deck-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.stat-card{background:#fff;padding:1.5rem;gap:1rem;box-shadow:0 2px 8px rgba(0,0,0,.05)}.stat-card,.stat-icon{border-radius:12px;display:flex;align-items:center}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:48px;height:48px;justify-content:center;font-size:1.5rem}.stat-info .stat-number{font-size:1.5rem;font-weight:700;color:#1e293b;line-height:1}.stat-info .stat-label{font-size:.875rem;color:#64748b;margin-top:.25rem}.deck-cards-container{width:100%;max-width:100%;padding:1.5rem;padding-bottom:100px;display:grid;grid-template-columns:50px 1fr;gap:1rem;overflow:visible}.deck-settings-column{display:flex;flex-direction:column;align-items:center;padding-top:1rem;gap:1rem}.add-card-plus-btn{background:#10b981;color:#fff;border:none;border-radius:8px;padding:.5rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:background .2s}.add-card-plus-btn:hover{background:#059669}.deck-cards-content{width:100%}.empty-deck{text-align:center;padding:3rem 1rem;color:#64748b}.add-first-card-btn{background:#667eea;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;margin-top:1rem;display:flex;align-items:center;gap:.5rem;margin:1rem auto 0}.deck-cards-grouped{width:100%;max-width:100%;display:grid;grid-auto-flow:column;grid-gap:.5rem;gap:.5rem;contain:paint;padding-bottom:100px;transition:opacity .2s ease-in-out;will-change:opacity}.card-type-group{display:flex;flex-direction:column;align-items:center;transition:opacity .2s ease-in-out;background-color:var(--light-background);border-radius:1rem}.card-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.card-type-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.card-type-count{font-size:.875rem;color:#64748b;font-weight:500}.card-overlay-btn.remove,.deck-card-item{display:flex;justify-content:center}.card-overlay-btn.remove{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:.5rem;font-size:1rem;cursor:pointer;transition:background .2s;align-items:center}.card-overlay-btn.remove:hover{background:#dc2626}.no-deck-selected{display:flex;align-items:center;justify-content:center}.no-deck-content{text-align:center;color:#64748b}.no-deck-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{background:rgba(26,26,26,.95);border:1px solid #0ff;border-radius:16px;width:90%;max-width:600px;overflow:hidden;box-shadow:0 20px 60px rgba(0,255,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,255,255,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,184,212,.05) 0,transparent 50%);pointer-events:none;z-index:0}.modal-header{background:rgba(26,26,26,.8);border-bottom:1px solid #0ff;padding:1.5rem;justify-content:space-between;position:relative;z-index:1}.modal-header,.modal-title{display:flex;align-items:center}.modal-title{font-size:1.25rem;font-weight:600;margin:0;gap:.5rem}.modal-title,.modal-title i{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.modal-close-btn{background:rgba(0,255,255,.1);border:1px solid #0ff;color:#0ff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close-btn:hover{background:rgba(0,255,255,.2);box-shadow:0 4px 12px rgba(0,255,255,.4);transform:scale(1.1)}.modal-tabs{display:flex;border-bottom:1px solid #0ff}.tab-btn{flex:1;background:rgba(26,26,26,.8);border:1px solid transparent;padding:1rem;color:#00b8d4;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-btn.active{background:rgba(0,255,255,.2);color:#0ff;border-color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.tab-btn:hover:not(.active){background:rgba(0,255,255,.05);border-color:rgba(0,255,255,.3)}.modal-body{padding:1.5rem;overflow-y:auto;position:relative;z-index:1}.empty-collection{text-align:center;padding:2rem;color:#64748b}.empty-collection i{font-size:3rem;margin-bottom:1rem;opacity:.5}.collection-grid{display:grid;gap:.75rem}.collection-card{background:#f8fafc;border:2px solid transparent;border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.collection-card:hover{background:#f1f5f9;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.collection-card-content{flex:1}.collection-card .card-name{font-weight:600;color:#1e293b;margin-bottom:.25rem}.collection-card .card-set{font-size:.875rem;color:#64748b}.collection-card .card-foil{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;margin-top:.25rem;display:inline-block}.add-icon{color:#667eea;font-size:1.25rem}.search-section{margin-bottom:1.5rem}.collection-search-input{width:100%;padding:.75rem 1rem;border:2px solid rgba(0,255,255,.3);border-radius:8px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:.5rem;background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(42,42,42,.6));color:#0ff;box-shadow:0 2px 4px rgba(0,255,255,.1),0 0 15px rgba(0,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.collection-search-input:focus{outline:none;border-color:rgba(0,255,255,.6);box-shadow:0 0 0 4px rgba(0,255,255,.1),0 4px 15px rgba(0,255,255,.2);background:linear-gradient(135deg,rgba(26,26,26,.9),rgba(42,42,42,.7))}.search-results-info{font-size:.875rem;color:#64748b;text-align:right}.no-search-results{text-align:center;padding:2rem;color:#64748b}.no-search-results i{font-size:2rem;margin-bottom:.5rem;opacity:.5}.new-card-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.info-icon{color:#0284c7;font-size:1.25rem;margin-top:.125rem}.info-text h4{margin:0 0 .5rem 0;color:#0c4a6e;font-size:1rem}.info-text p{margin:0;color:#0369a1;font-size:.875rem;line-height:1.4}.form-group{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:#667eea}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#374151}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.add-new-card-btn{background:#10b981;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;width:100%;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s}.add-new-card-btn:hover:not(:disabled){background:#059669}.add-new-card-btn:disabled{background:#cbd5e1;cursor:not-allowed}.deck-dropdown-btn{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);padding:1rem 1.5rem;font-size:.875rem;height:100%;min-height:80px}.deck-dropdown-btn:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}.deck-dropdown{box-shadow:0 10px 25px rgba(0,0,0,.15);min-width:250px;border:1px solid #e2e8f0}.dropdown-header{padding:.75rem;border-bottom:1px solid #f1f5f9}.create-deck-dropdown-btn{width:100%;background:#667eea;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;transition:background .2s}.create-deck-dropdown-btn:hover{background:#5a67d8}.dropdown-divider{height:1px;background:#f1f5f9}.deck-list-dropdown{max-height:200px}.deck-dropdown-item{padding:.75rem;flex-direction:column;gap:.25rem}.deck-dropdown-item:hover{background:#f8fafc}.deck-dropdown-item.active{background:#eff6ff;border-left:3px solid #667eea}.deck-name{color:#1e293b}.deck-date{font-size:.75rem}.deck-date,.no-decks-message{color:#64748b}.create-deck-modal{max-width:400px}.modal-btn{flex:1;padding:.75rem 1rem;border-radius:8px;border:1px solid #0ff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-btn.cancel{background:rgba(26,26,26,.8);color:#0ff}.modal-btn.cancel:hover{background:rgba(0,255,255,.1);box-shadow:0 4px 12px rgba(0,255,255,.3);transform:translateY(-1px)}.modal-btn.primary{background:linear-gradient(135deg,rgba(0,255,255,.2),rgba(0,184,212,.2));color:#0ff}.modal-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,rgba(0,255,255,.3),rgba(0,184,212,.3));box-shadow:0 8px 25px rgba(0,255,255,.4);transform:translateY(-2px)}.modal-btn.primary:disabled{background:rgba(0,255,255,.1);color:rgba(0,255,255,.5);cursor:not-allowed}.error-message,.loading-message{text-align:center;padding:2rem;font-size:1.1rem}.loading-message{color:#4f8cff}.card-form-row select{padding:.5rem;border-radius:5px;border:1px solid #d1d5db;font-size:1rem}.collection-stats{opacity:1;visibility:visible;z-index:10;position:relative}.collection-stats .stat-item{background:hsla(0,0%,100%,.15);padding:1rem 1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem}.collection-stats .stat-item:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.collection-stats .stat-number{font-size:2rem;font-weight:700;color:#0ff;line-height:1;text-shadow:0 0 10px rgba(0,255,255,.5);order:1}.collection-stats .stat-label{font-size:.875rem;color:#00b8d4;margin-top:0;text-shadow:0 0 5px rgba(0,184,212,.3);order:2}.trade-availability-section{margin-bottom:1rem;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.trade-toggle-container{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.trade-toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#374151;-webkit-user-select:none;-moz-user-select:none;user-select:none}.trade-toggle-checkbox{position:absolute;opacity:0;width:0;height:0}.trade-toggle-slider{position:relative;display:inline-block;width:44px;height:24px;background-color:#d1d5db;border-radius:12px;transition:background-color .3s ease;cursor:pointer}.trade-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.trade-toggle-checkbox:checked+.trade-toggle-slider{background-color:#10b981}.trade-toggle-checkbox:checked+.trade-toggle-slider:before{transform:translateX(20px)}.trade-toggle-checkbox:disabled+.trade-toggle-slider{background-color:#9ca3af;cursor:not-allowed}.trade-toggle-checkbox:disabled~span{color:#9ca3af;cursor:not-allowed}.trade-amount{color:#059669}.trade-amount,.trade-unavailable{font-weight:500;font-size:.875rem}.trade-unavailable{color:#dc2626}@media (max-width:768px){.trade-toggle-container{flex-direction:column;align-items:flex-start;gap:.5rem}.trade-toggle-label{font-size:.875rem}}.pagination-section{display:flex;flex-direction:column;align-items:center;margin:2rem 0 1rem 0;gap:.5rem}.pagination-info{margin-bottom:.5rem}.pagination-text{font-size:1rem;color:#0ff;padding:.5rem 1.25rem;border-radius:8px;border:1px solid rgba(0,255,255,.3);font-weight:500;text-shadow:0 0 5px rgba(0,255,255,.3)}.pagination-controls,.pagination-text{background:linear-gradient(135deg,rgba(26,26,26,.8),rgba(42,42,42,.6));box-shadow:0 2px 8px rgba(0,255,255,.15),0 0 20px rgba(0,255,255,.1)}.pagination-controls{display:flex;align-items:center;gap:.25rem;border-radius:12px;padding:.5rem 1rem;border:1px solid rgba(0,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-number-btn,.pagination-btn{background:linear-gradient(135deg,rgba(0,255,255,.2),rgba(0,184,212,.3));color:#0ff;border:1px solid rgba(0,255,255,.4);border-radius:8px;padding:.5rem .9rem;font-size:1rem;font-weight:600;margin:0 .1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,255,255,.15),0 0 15px rgba(0,255,255,.1);min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.page-number-btn:disabled,.pagination-btn:disabled{background:rgba(42,42,42,.3);color:#666;border-color:rgba(0,255,255,.2);cursor:not-allowed;box-shadow:none}.page-number-btn.active,.page-number-btn:hover:not(:disabled){background:linear-gradient(135deg,rgba(0,255,255,.4),rgba(0,184,212,.5));color:#0ff;border-color:rgba(0,255,255,.6);transform:translateY(-2px) scale(1.08);box-shadow:0 4px 16px rgba(0,255,255,.3),0 0 25px rgba(0,255,255,.2);text-shadow:0 0 8px rgba(0,255,255,.5)}.page-number-btn{font-size:1rem;font-weight:700}.page-number-btn[disabled]{background:transparent;color:#a1a1aa;cursor:default;box-shadow:none}.page-numbers{display:flex;align-items:center;gap:.1rem}@media (max-width:600px){.pagination-section{margin:1rem 0 .5rem 0}.pagination-controls{padding:.3rem .5rem;gap:.1rem}.page-number-btn,.pagination-btn{padding:.3rem .5rem;font-size:.95rem;min-width:28px;min-height:28px}.pagination-text{font-size:.95rem;padding:.3rem .7rem}}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.loading-spinner{font-size:2rem;animation:spin 1s linear infinite}.loading-section p{color:#64748b;font-size:1rem;margin:0}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;margin:1rem 0}.error-message i{font-size:1.2rem}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;margin:1rem 0}.success-message i{font-size:1.2rem}.location-row{display:flex;align-items:center;gap:.5rem}.location-select{flex:1 1 200px;min-width:0;padding:.5rem;border-radius:4px;border:1px solid #cbd5e1;font-size:1rem}.new-location-inline{display:flex;align-items:center;gap:.5rem}.new-location-input{flex:1 1 120px;min-width:0;padding:.5rem;border-radius:4px;border:1px solid #cbd5e1;font-size:1rem}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.restyled-input-vertical{padding:.1rem .5rem!important;border-radius:6px!important;border:1px solid #cbd5e1!important;background:#fff!important;font-size:.9rem!important;height:1.5em!important;min-height:0!important;line-height:1!important;margin-bottom:0!important;box-sizing:border-box!important}.restyled-new-location-vertical{display:flex;flex-direction:column;align-items:stretch;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:1rem 1.25rem;margin-top:.75rem;box-shadow:0 1px 4px rgba(0,0,0,.04)}.restyled-btn-vertical{align-self:flex-end;padding:.5rem 1.5rem;border-radius:6px;font-size:1rem;background:#38bdf8;color:#fff;border:none;transition:background .2s}.restyled-btn-vertical:disabled{background:#a5b4fc;cursor:not-allowed}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;background:none}.modal-actions .modal-btn{min-width:100px;padding:.5rem 1.25rem;border-radius:6px;font-size:1rem;border:none;transition:background .2s,color .2s;background:#38bdf8;color:#fff;cursor:pointer}.modal-actions .modal-btn.cancel{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.modal-actions .modal-btn:disabled{background:#a5b4fc;color:#fff;cursor:not-allowed}.tab-nav{display:flex;gap:1rem;margin-bottom:1.5rem}.tab-btn{padding:.5rem 1.5rem;border:none;border-radius:6px 6px 0 0;background:#f1f5f9;color:#334155;font-size:1rem;cursor:pointer;transition:background .2s,color .2s}.tab-btn.active{background:#38bdf8;color:#fff}.collection-results{margin:1rem 0;max-height:200px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc}.collection-result-card{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;cursor:pointer;border-bottom:1px solid #e2e8f0;transition:background .2s}.collection-result-card.selected{background:#bae6fd}.collection-result-card:last-child{border-bottom:none}.card-info{display:flex;gap:.5rem;align-items:center}.card-name{font-weight:500}.foil-label{background:#a5b4fc;color:#fff;border-radius:4px;padding:0 .5em;font-size:.85em;margin-left:.5em}.collection-move-form{margin-top:1rem;padding:1rem;background:#f1f5f9;border-radius:8px;border:1px solid #e2e8f0}.card-collection-actions{gap:1rem}.card-collection-actions,.multi-select-bar{display:flex;align-items:center;opacity:1;visibility:visible}.multi-select-bar{position:sticky;top:16px;left:0;width:100%;z-index:100;background:linear-gradient(90deg,#232526,#414345);color:#fff;padding:16px 32px;justify-content:space-between;box-shadow:0 4px 24px rgba(0,0,0,.12);border-radius:0 0 16px 16px;transition:box-shadow .2s,opacity .2s;margin-bottom:1rem}.multi-select-bar:hover{box-shadow:0 8px 32px rgba(0,0,0,.18);opacity:1}.clear-btn{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;padding:8px 22px;cursor:pointer;font-weight:700;margin-left:16px;font-size:1em;box-shadow:0 2px 8px rgba(102,126,234,.12);transition:background .2s,box-shadow .2s,color .2s;opacity:1;visibility:visible}.clear-btn:hover{background:linear-gradient(90deg,#764ba2,#667eea);color:#fff;box-shadow:0 4px 16px rgba(102,126,234,.18)}.multi-select-btn{position:absolute;top:4px;left:4px;z-index:20;background:rgba(102,126,234,.15);color:#667eea;border:2px solid #667eea;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(102,126,234,.1);transition:background .2s,color .2s;opacity:1;visibility:visible}.multi-select-btn.selected{background:#764ba2;color:#fff;border-color:#764ba2}.shared-collection-container{max-width:100%;margin:0;margin-top:72px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 72px)}.shared-collection-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 30px rgba(102,126,234,.2);color:#fff}.header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.title-section{flex:1;min-width:300px}.shared-collection-title{font-size:2.5rem;font-weight:800;letter-spacing:1px;margin:0 0 .5rem 0;display:flex;align-items:center;gap:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.shared-collection-title i{font-size:2.2rem;color:#fbbf24}.shared-collection-subtitle{font-size:1.1rem;margin:0;font-weight:300;text-shadow:0 1px 2px rgba(0,0,0,.1)}.collection-stats{display:flex;gap:2rem;align-items:center}.stat-item{background:hsla(0,0%,100%,.15);padding:1rem 1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}.stat-item:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.stat-number{font-size:2rem;font-weight:700;color:#1f2937;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-label{font-size:.875rem;color:#1f2937;margin-top:.25rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.permissions-info{background:hsla(0,0%,100%,.1);padding:1rem;border-radius:8px;border:1px solid hsla(0,0%,100%,.2)}.permissions-info h4{margin:0 0 .5rem 0;font-size:.875rem;font-weight:600;color:hsla(0,0%,100%,.9)}.permissions-list{display:flex;gap:.5rem;flex-wrap:wrap}.permission-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;background:hsla(0,0%,100%,.2);color:#fff}.loading-container{text-align:center;padding:4rem 2rem}.loading-spinner{font-size:3rem;color:#667eea;margin-bottom:1rem}.loading-container p{color:#64748b;font-size:1.125rem}.error-container{text-align:center;padding:4rem 2rem}.error-icon{font-size:4rem;color:#ef4444;margin-bottom:1rem}.error-container h3{color:#1f2937;margin:0 0 .5rem 0}.error-container p{color:#6b7280;margin:0 0 1.5rem 0}.retry-btn{background:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.retry-btn:hover{background:#5a67d8}.shared-collection-content{padding:0 2rem 2rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.card-grid-item{display:flex;justify-content:center}.empty-state{text-align:center;padding:4rem 2rem}.empty-state-icon{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.empty-state h3{color:#374151;margin:0 0 .5rem 0}.empty-state p{color:#6b7280;margin:0}@media (max-width:768px){.header-content{flex-direction:column;align-items:flex-start}.title-section{min-width:auto}.collection-stats{gap:1rem}.shared-collection-title{font-size:2rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}@media (max-width:767px){.mtg-decks-container{overflow-x:hidden!important;max-width:100vw!important;margin-top:60px!important}.decks-header,.mtg-decks-container{width:100%!important;box-sizing:border-box!important}.decks-header{max-width:100%!important;padding:1.5rem 1rem!important;margin:0 0 1rem 0!important;border-radius:0!important;flex-direction:column!important;align-items:stretch!important;gap:1.5rem!important}.decks-header .header-content,.mtg-decks-container .decks-header .header-content{flex-direction:row!important;gap:1rem!important;text-align:left!important;margin-bottom:0!important;align-items:center!important;justify-content:flex-start!important}.decks-header .header-icon{font-size:2rem!important;flex-shrink:0!important}.decks-header .page-title{font-size:1.5rem!important;margin-bottom:.25rem!important;flex:1!important}.decks-header .page-subtitle{font-size:.875rem!important;margin:0!important}.decks-header .header-stats{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:1rem!important;align-items:start!important;width:100%!important}.decks-header .header-stats .delete-deck-header-btn{grid-column:1!important;grid-row:1!important;justify-self:start!important}.decks-header .header-stats .stat-item{grid-column:2!important;grid-row:1!important;justify-self:end!important}.decks-header .header-stats .deck-dropdown-container{grid-column:1/-1!important;grid-row:2!important;width:100%!important}.decks-header .stat-number{font-size:1.5rem!important}.decks-header .stat-label{font-size:.75rem!important}.deck-dropdown-btn,.deck-dropdown-container{width:100%!important}.deck-dropdown-btn{min-height:52px!important;font-size:1.125rem!important;padding:1rem 1.5rem!important}.deck-dropdown{width:100%!important;max-width:100%!important}.create-deck-dropdown-btn{width:100%!important;min-height:48px!important;font-size:1rem!important}.deck-dropdown-item{padding:1rem 1.5rem!important;min-height:48px!important}.deck-name{font-size:1.125rem!important}.deck-date{font-size:.875rem!important}.decks-content{padding:0 1rem 1rem 1rem!important;box-sizing:border-box!important}.deck-details-panel,.decks-content{width:100%!important;max-width:100%!important}.deck-details-panel{border-radius:0!important;overflow:visible!important}.panel-header{flex-direction:column!important;gap:1rem!important;padding:1.5rem!important;text-align:center!important}.panel-title{font-size:1.5rem!important}.deck-stats-right,.panel-title{justify-content:center!important}.deck-stats-right{flex-direction:row!important;gap:1.5rem!important}.stat-items-column{gap:1rem!important}.deck-stats-right .stat-number{font-size:1.75rem!important}.deck-stats-right .stat-label{font-size:.875rem!important}.deck-cards-container{padding:1.5rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.deck-cards-grouped{grid-auto-flow:unset!important;grid-template-columns:unset!important}.deck-cards-grouped,.deck-column{display:flex!important;flex-direction:column!important;gap:1.5rem!important;width:100%!important;max-width:100%!important}.card-type-group{padding:1.5rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.card-type-title{font-size:1.25rem!important;margin-bottom:1rem!important}.deck-cards-grid{display:flex!important;flex-direction:column!important;gap:1rem!important;max-width:100%!important}.deck-cards-content .card-item.mtg,.deck-cards-content .mtg-card-component{width:100%!important;max-width:100%!important}.deck-cards-content .card-item.mtg{height:auto!important;position:relative!important}.deck-cards-content .card-item-image{width:100%!important;height:auto!important;max-height:350px!important;-o-object-fit:contain!important;object-fit:contain!important;border-radius:8px!important}.deck-cards-content .card-stack,.deck-cards-content .card-stack .card-item{width:100%!important;max-width:100%!important}.deck-cards-content .card-stack .card-item-image{width:100%!important;height:auto!important;max-height:350px!important;-o-object-fit:contain!important;object-fit:contain!important}.deck-settings-column{position:fixed!important;bottom:1rem!important;right:1rem!important;z-index:100!important;display:flex!important;flex-direction:column!important;gap:.5rem!important}.add-card-plus-btn{width:56px!important;height:56px!important;border-radius:50%!important;font-size:1.5rem!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important;order:2!important;background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important}.deck-settings-container{order:1!important}.settings-cog-btn{width:48px!important;height:48px!important;border-radius:50%!important;font-size:1.25rem!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important;background:#374151!important;color:#fff!important;border:none!important}.settings-dropdown{position:absolute!important;bottom:100%!important;right:0!important;margin-bottom:.5rem!important;background:#fff!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;min-width:200px!important}.settings-dropdown-btn{width:100%!important;padding:.75rem 1rem!important;min-height:44px!important;font-size:1rem!important;text-align:left!important}.delete-deck-header-btn{position:static!important;width:48px!important;height:48px!important;border-radius:50%!important;font-size:1.25rem!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important;background:#ef4444!important;color:#fff!important;border:none!important}.empty-deck{padding:2rem 1rem!important;text-align:center!important;width:100%!important}.empty-deck h4{font-size:1.25rem!important;margin-bottom:.5rem!important}.empty-deck p{font-size:.875rem!important;margin-bottom:1rem!important}.loading-container{padding:2rem 1rem!important;text-align:center!important}.loading-spinner{font-size:2rem!important;margin-bottom:1rem!important}.no-deck-selected{padding:2rem 1rem!important;text-align:center!important}.no-deck-content,.no-deck-selected{width:100%!important}.no-deck-content h3{font-size:1.25rem!important;margin-bottom:.5rem!important}.no-deck-content p{font-size:.875rem!important}}@media (max-width:480px){.mtg-decks-container{margin-top:60px!important}.decks-header{padding:1rem .75rem!important}.decks-header .page-title{font-size:1.25rem!important}.deck-stats-right{gap:1rem!important}.stat-items-column{gap:.75rem!important}.deck-stats-right .stat-number{font-size:1.25rem!important}.decks-content{padding:0 .75rem .75rem .75rem!important}.deck-cards-content .card-item-image{max-height:250px!important}.add-card-plus-btn{width:52px!important;height:52px!important;font-size:1.5rem!important}.delete-deck-header-btn,.settings-cog-btn{width:48px!important;height:48px!important;font-size:1.25rem!important}}.scan-card-tab{padding:1rem 0}.camera-container{text-align:center;margin-bottom:1rem}.video-wrapper{position:relative;display:inline-block;margin-bottom:1rem}.camera-video{width:100%;max-width:400px;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:8px;display:block}.camera-overlay{top:0;left:0;width:100%;height:100%}.camera-overlay,.scan-frame{position:absolute;pointer-events:none}.scan-frame{top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:280px;border:3px solid #667eea;border-radius:8px;box-shadow:0 0 0 9999px rgba(0,0,0,.5)}.scan-instructions{margin-top:1rem;color:#6b7280;font-size:.9rem}.camera-controls{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.scan-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.scan-btn:hover:not(:disabled){transform:translateY(-1px)}.scan-btn:disabled{opacity:.6;cursor:not-allowed}.scanning-state{padding:3rem 1.5rem;text-align:center}.scanning-spinner{font-size:3rem;color:#667eea;margin-bottom:1rem}.scan-result{padding:1rem 0}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.result-header h4{margin:0;color:#374151}.scan-again-btn{background:#f3f4f6;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.25rem}.card-preview{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:8px}.card-image{width:80px;height:112px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.card-details h5{margin:0 0 .5rem 0;color:#374151}.card-details p{margin:.25rem 0;color:#6b7280;font-size:.9rem}.rarity{font-weight:500;color:#667eea}.location-selection{margin-bottom:1.5rem}.location-selection h5{margin:0 0 1rem 0;color:#374151}.location-options{display:flex;flex-direction:column;gap:1rem}.amount-field,.location-input,.location-select{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem}.amount-input{display:flex;align-items:center;gap:.5rem}.amount-input label{font-weight:500;color:#374151;min-width:60px}.build-type-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;margin-left:.5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.build-type-badge.main-deck{background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.build-type-badge.theorycrafting{background:#fff3e0;color:#f57c00;border:1px solid #ffcc02}.build-type-badge i{font-size:.875rem}.deck-dropdown-item{padding:.75rem 1rem;transition:background .2s}.deck-dropdown-item:hover{background:#f3f4f6}.deck-dropdown-item.active{background:#dbeafe;color:#1d4ed8}.deck-info{display:flex;flex-direction:column;flex:1}.deck-type-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem}.deck-type-badge.main-deck{background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.deck-type-badge.theorycrafting{background:#fff3e0;color:#f57c00;border:1px solid #ffcc02}.delete-deck-btn{width:48px;height:48px;border-radius:50%;background:#f44;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(255,68,68,.3);margin-top:2rem}.delete-deck-btn:hover{background:#f33;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,68,68,.4)}.delete-deck-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(255,68,68,.3)}.delete-deck-btn i{font-size:1.25rem}.create-deck-btn{display:inline-flex;padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:.875rem;transition:all .2s ease}.create-deck-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,123,255,.3)}.create-deck-btn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(0,123,255,.3)}.create-deck-btn i{font-size:1rem}.deck-dropdown-container{display:flex;flex-direction:column;align-items:flex-end}.deck-controls{gap:.75rem;margin-bottom:.5rem}.deck-dropdown-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:.75rem 1rem;color:#fff;transition:all .2s;justify-content:space-between}.deck-dropdown-btn span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.75rem,2.5vw,1rem)}.deck-dropdown-btn:hover{background:hsla(0,0%,100%,.2)}.deck-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:1000;max-height:400px}.no-decks-message{color:#666}.synergy-stats-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:8px;border:1px solid #cbd5e1;min-width:120px}.synergy-main-stat{text-align:center}.synergy-main-stat .stat-number.synergy-score{color:#3b82f6;font-weight:700;font-size:1.5rem}.synergy-main-stat .stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.synergy-breakdown{display:flex;gap:.5rem;justify-content:center}.synergy-mini-stat{display:flex;flex-direction:column;align-items:center;padding:.25rem .5rem;border-radius:4px;min-width:32px}.synergy-mini-stat.high{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2)}.synergy-mini-stat.medium{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2)}.synergy-mini-stat.low{background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.2)}.synergy-mini-stat{cursor:pointer;transition:all .2s ease}.synergy-mini-stat:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.synergy-mini-stat.active{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.synergy-mini-stat.active.high{background:rgba(16,185,129,.2);border:2px solid rgba(16,185,129,.4)}.synergy-mini-stat.active.medium{background:rgba(245,158,11,.2);border:2px solid rgba(245,158,11,.4)}.synergy-mini-stat.active.low{background:rgba(249,115,22,.2);border:2px solid rgba(249,115,22,.4)}.synergy-clear-filter{display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:4px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);cursor:pointer;transition:all .2s ease;color:#ef4444;font-size:.75rem;min-width:24px;height:32px}.synergy-clear-filter:hover{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.mini-number{font-size:.875rem;font-weight:700;line-height:1}.synergy-mini-stat.high .mini-number{color:#10b981}.synergy-mini-stat.medium .mini-number{color:#f59e0b}.synergy-mini-stat.low .mini-number{color:#f97316}.mini-label{font-size:.625rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem}.mtg-card-component.show-synergy{position:relative}.mtg-card-component.high-synergy{border:3px solid #10b981!important;box-shadow:0 0 0 1px #10b981,0 4px 12px rgba(16,185,129,.2)!important}.mtg-card-component.medium-synergy{border:3px solid #f59e0b!important;box-shadow:0 0 0 1px #f59e0b,0 4px 12px rgba(245,158,11,.2)!important}.mtg-card-component.low-synergy{border:3px solid #f97316!important;box-shadow:0 0 0 1px #f97316,0 4px 12px rgba(249,115,22,.2)!important}.mtg-card-component.no-synergy{border:3px solid #ef4444!important;box-shadow:0 0 0 1px #ef4444,0 4px 12px rgba(239,68,68,.2)!important}.synergy-indicator{position:absolute;bottom:8px;right:8px;z-index:10;opacity:0;transition:opacity .2s ease}.synergy-indicator.show-on-hover{opacity:0}.mtg-card-component:hover .synergy-indicator.show-on-hover{opacity:1}.synergy-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:12px;font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.2);border:2px solid #fff}.synergy-badge.high-synergy{background:#10b981}.synergy-badge.medium-synergy{background:#f59e0b}.synergy-badge.low-synergy{background:#f97316}.synergy-badge.no-synergy{background:#ef4444}.card-type-header{margin-bottom:.75rem}.card-type-title-section{display:flex;flex-direction:column;gap:.25rem}.card-type-synergy-subtitle{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.synergy-label{font-weight:500;color:#9ca3af}.synergy-score{font-weight:600;padding:.125rem .375rem;border-radius:3px;font-size:.7rem;min-width:24px;text-align:center}.synergy-score.high-synergy{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2)}.synergy-score.medium-synergy{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.synergy-score.low-synergy{background:rgba(249,115,22,.1);color:#f97316;border:1px solid rgba(249,115,22,.2)}.synergy-score.no-synergy{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.synergy-type-badges{display:flex;flex-direction:column;gap:2px;margin-top:4px}.synergy-type-badge{font-size:.5rem;padding:1px 4px;border-radius:3px;font-weight:500;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.synergy-type-badge.color-synergy{background:#3b82f6;color:#fff}.synergy-type-badge.mechanical-synergy{background:#8b5cf6;color:#fff}.synergy-type-badge.type-synergy{background:#10b981;color:#fff}.synergy-type-badge.general-synergy{background:#6b7280;color:#fff}.synergy-type-badge.text-synergy{background:#f59e0b;color:#fff}.synergy-type-badge.strategic-synergy{background:#ef4444;color:#fff}@media (max-width:768px){.synergy-indicator{bottom:4px;right:4px}.mtg-card-component:hover .synergy-indicator.show-on-hover,.synergy-indicator.show-on-hover{opacity:1}.synergy-badge{min-width:20px;height:20px;font-size:.625rem}.synergy-type-badges{margin-top:2px;gap:1px}.synergy-type-badge{font-size:.4rem;padding:1px 2px;max-width:40px}.card-type-title-section{gap:.125rem}.card-type-synergy-subtitle{font-size:.625rem;gap:.375rem}.synergy-score{font-size:.6rem;padding:.1rem .25rem;min-width:20px}.synergy-stats-container{min-width:100px;padding:.5rem}.synergy-main-stat .stat-number.synergy-score{font-size:1.25rem}.synergy-breakdown{gap:.25rem}.synergy-mini-stat{min-width:28px;padding:.125rem .375rem}.mini-number{font-size:.75rem}.mini-label{font-size:.5rem}}.deck-dropdown-container{position:relative;overflow:visible;z-index:1001}.deck-controls{display:flex;gap:15px;align-items:center}.create-deck-btn{background:linear-gradient(135deg,rgba(0,255,255,.2),rgba(0,184,212,.3));color:#0ff;border:1px solid rgba(0,255,255,.4);border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(0,255,255,.2),0 0 25px rgba(0,255,255,.1);display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.create-deck-btn:hover{background:linear-gradient(135deg,rgba(0,255,255,.3),rgba(0,184,212,.4));transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,255,255,.3),0 0 35px rgba(0,255,255,.2);border-color:rgba(0,255,255,.6);text-shadow:0 0 8px rgba(0,255,255,.5)}.deck-dropdown-btn{background:linear-gradient(135deg,rgba(0,184,212,.3),rgba(0,255,255,.2));color:#00b8d4;border:1px solid rgba(0,184,212,.4);border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(0,184,212,.2),0 0 25px rgba(0,184,212,.1);display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px}.deck-dropdown-btn:hover{background:linear-gradient(135deg,rgba(0,184,212,.4),rgba(0,255,255,.3));transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,184,212,.3),0 0 35px rgba(0,184,212,.2);border-color:rgba(0,184,212,.6);color:#0ff;text-shadow:0 0 8px rgba(0,184,212,.5)}.deck-dropdown{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,rgba(26,26,26,.95),rgba(42,42,42,.9));border:1px solid rgba(0,255,255,.3);border-radius:12px;box-shadow:0 8px 32px rgba(0,255,255,.2),0 0 40px rgba(0,255,255,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1002;margin-top:.5rem;overflow:hidden}.deck-list-dropdown{max-height:300px;overflow-y:auto;padding:.5rem}.deck-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-bottom:.25rem;background:linear-gradient(135deg,rgba(0,255,255,.05),rgba(0,184,212,.08));border:1px solid rgba(0,255,255,.1)}.deck-dropdown-item:hover{background:linear-gradient(135deg,rgba(0,255,255,.15),rgba(0,184,212,.2));border-color:rgba(0,255,255,.3);transform:translateX(4px)}.deck-dropdown-item.active{background:linear-gradient(135deg,rgba(0,255,255,.2),rgba(0,184,212,.25));border-color:rgba(0,255,255,.4);box-shadow:0 0 15px rgba(0,255,255,.2)}.deck-name{color:#0ff;font-weight:600;text-shadow:0 0 5px rgba(0,255,255,.3)}.deck-count{color:#00b8d4;font-size:.875rem;font-weight:500}.no-decks-message{color:hsla(0,0%,100%,.6);text-align:center;padding:1rem;font-style:italic}.unreleased-page[data-v-20daad6c]{min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0,var(--white) 100%);display:flex;flex-direction:column}.navbar[data-v-20daad6c]{position:fixed;top:0;left:0;right:0;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);z-index:var(--z-navbar);transition:all var(--transition-normal)}.navbar-container[data-v-20daad6c]{max-width:1200px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;height:70px}.navbar-brand[data-v-20daad6c]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-600)}.navbar-brand i[data-v-20daad6c]{font-size:var(--font-size-2xl)}.navbar-menu[data-v-20daad6c]{display:flex;align-items:center;gap:var(--space-6)}.main-content[data-v-20daad6c]{flex:1;display:flex;align-items:center;justify-content:center;padding:120px 0 80px}.content-container[data-v-20daad6c]{max-width:600px;margin:0 auto;padding:0 var(--space-6);width:100%}.unreleased-card[data-v-20daad6c]{background:var(--white);padding:var(--space-12);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);text-align:center}.unreleased-icon[data-v-20daad6c]{width:80px;height:80px;background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-600) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-8)}.unreleased-icon i[data-v-20daad6c]{font-size:var(--font-size-4xl);color:var(--white)}.unreleased-title[data-v-20daad6c]{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-6);line-height:var(--line-height-tight)}.unreleased-description[data-v-20daad6c]{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.unreleased-details[data-v-20daad6c]{background:var(--gray-50);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.unreleased-details p[data-v-20daad6c]{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.unreleased-actions[data-v-20daad6c]{display:flex;justify-content:center;gap:var(--space-4)}.btn[data-v-20daad6c]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-fast);border:none;cursor:pointer;font-size:var(--font-size-base)}.btn-primary[data-v-20daad6c]{background:var(--primary-600);color:var(--white)}.btn-primary[data-v-20daad6c]:hover{background:var(--primary-700);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline[data-v-20daad6c]{background:transparent;color:var(--primary-600);border:2px solid var(--primary-600)}.btn-outline[data-v-20daad6c]:hover{background:var(--primary-600);color:var(--white)}.footer[data-v-20daad6c]{background:var(--gray-900);color:var(--white);padding:40px 0 20px;margin-top:auto}.footer-container[data-v-20daad6c]{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.footer-content[data-v-20daad6c]{margin-bottom:var(--space-6)}.footer-brand[data-v-20daad6c]{text-align:center}.footer-logo[data-v-20daad6c]{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.footer-logo i[data-v-20daad6c]{font-size:var(--font-size-2xl);color:var(--primary-400)}.footer-description[data-v-20daad6c]{color:var(--gray-400);line-height:var(--line-height-relaxed);text-align:center}.footer-bottom[data-v-20daad6c]{border-top:1px solid var(--gray-800);padding-top:var(--space-6);text-align:center;color:var(--gray-400)}@media (max-width:768px){.navbar-container[data-v-20daad6c]{padding:0 var(--space-4)}.main-content[data-v-20daad6c]{padding:100px 0 60px}.content-container[data-v-20daad6c]{padding:0 var(--space-4)}.unreleased-card[data-v-20daad6c]{padding:var(--space-8)}.unreleased-title[data-v-20daad6c]{font-size:var(--font-size-3xl)}.unreleased-actions[data-v-20daad6c]{flex-direction:column;align-items:center}.btn[data-v-20daad6c]{width:100%;justify-content:center}}