*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}:root{--font-primary:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-secondary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:var(--font-primary);--font-body:var(--font-secondary);--font-display:var(--font-primary);--font-mono:"Source Code Pro","Consolas","Monaco",monospace;--font-monospace:var(--font-mono);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--xecho-blue-50:#eef4ff;--xecho-blue-100:#d4e4ff;--xecho-blue-200:#a8c8ff;--xecho-blue-300:#74b9ff;--xecho-blue-400:#4d8ff6;--xecho-blue-500:#255ff4;--xecho-blue-600:#1e4fd6;--xecho-blue-700:#1a3a7a;--xecho-blue-800:#153370;--xecho-blue-900:#0f2662;--xecho-cyan-50:#e6fffb;--xecho-cyan-100:#b5f5ec;--xecho-cyan-200:#87e8de;--xecho-cyan-300:#5cdbd3;--xecho-cyan-400:#36cfc9;--xecho-cyan-500:#14b8a6;--xecho-cyan-600:#0d9488;--xecho-cyan-700:#0f766e;--xecho-cyan-800:#115e59;--xecho-cyan-900:#134e4a;--xecho-gold-50:#fffbeb;--xecho-gold-100:#fef3c7;--xecho-gold-200:#fde68a;--xecho-gold-300:#fcd34d;--xecho-gold-400:#fbbf24;--xecho-gold-500:#f59e0b;--xecho-gold-600:#d97706;--xecho-gold-700:#b45309;--xecho-gold-800:#92400e;--xecho-gold-900:#78350f;--xecho-red-50:#fef2f2;--xecho-red-100:#fee2e2;--xecho-red-200:#fecaca;--xecho-red-300:#fca5a5;--xecho-red-400:#f87171;--xecho-red-500:#ef4444;--xecho-red-600:#dc2626;--xecho-red-700:#b91c1c;--xecho-red-800:#991b1b;--xecho-red-900:#7f1d1d;--xecho-purple-50:#faf5ff;--xecho-purple-100:#f3e8ff;--xecho-purple-200:#e9d5ff;--xecho-purple-300:#d8b4fe;--xecho-purple-400:#c084fc;--xecho-purple-500:#a855f7;--xecho-purple-600:#9333ea;--xecho-purple-700:#7e22ce;--xecho-purple-800:#6b21a8;--xecho-purple-900:#581c87;--xecho-purple:var(--xecho-purple-500);--xecho-purple-light:var(--xecho-purple-400);--xecho-green-50:#f0fdf4;--xecho-green-100:#dcfce7;--xecho-green-200:#bbf7d0;--xecho-green-300:#86efac;--xecho-green-400:#4ade80;--xecho-green-500:#22c55e;--xecho-green-600:#16a34a;--xecho-green-700:#15803d;--xecho-green-800:#166534;--xecho-green-900:#14532d;--xecho-success-light:#4ade80;--xecho-success:#22c55e;--xecho-success-dark:#15803d;--xecho-success-bg:rgba(34,197,94,.15);--xecho-warning-light:#fbbf24;--xecho-warning:#f59e0b;--xecho-warning-dark:#d97706;--xecho-warning-bg:rgba(245,158,11,.15);--xecho-danger-light:#f87171;--xecho-danger:#ef4444;--xecho-danger-dark:#dc2626;--xecho-error:#dc2626;--xecho-error-bg:rgba(220,38,38,.15);--xecho-info-light:#60a5fa;--xecho-info:#3b82f6;--xecho-info-dark:#2563eb;--xecho-info-bg:rgba(59,130,246,.15);--xecho-accent:#74b9ff;--xecho-accent-dark:#255ff4;--xecho-accent-light:#74b9ff;--xecho-accent-subtle:rgba(116,185,255,.08);--xecho-accent-border:rgba(116,185,255,.25);--xecho-accent-glow-03:rgba(116,185,255,.3);--xecho-accent-glow-05:rgba(116,185,255,.5);--xecho-bg-deepest:#030508;--xecho-bg-deep:#0a0e1a;--xecho-bg-base:#0f1419;--xecho-bg-elevated:#161b26;--xecho-bg-surface:#1e2532;--xecho-bg-overlay:#252d3d;--xecho-bg-primary:#050508;--xecho-bg-secondary:#0a0e14;--xecho-bg-tertiary:#0f1419;--xecho-background-primary:var(--xecho-bg-primary);--xecho-text-primary:#fff;--xecho-text-secondary:hsla(0,0%,100%,.7);--xecho-text-tertiary:hsla(0,0%,100%,.5);--xecho-text-muted:hsla(0,0%,100%,.4);--xecho-text-inverse:rgba(15,23,42,.95);--text-primary:var(--xecho-text-primary);--text-secondary:var(--xecho-text-secondary);--text-tertiary:var(--xecho-text-tertiary);--text-muted:var(--xecho-text-muted);--text-disabled:hsla(0,0%,100%,.3);--text-accent:rgba(116,185,255,.9);--text-accent-bright:#a4d4ff;--xecho-border-subtle:rgba(46,52,64,.2);--xecho-border-light:rgba(46,52,64,.3);--xecho-border-medium:rgba(30,37,50,.4);--xecho-border-strong:rgba(46,52,64,.6);--xecho-border-accent:rgba(116,185,255,.4);--xecho-border-default:rgba(116,185,255,.15);--xecho-border-hover:rgba(116,185,255,.4);--xecho-border-active:rgba(116,185,255,.5);--xecho-border-primary:rgba(116,185,255,.25);--xecho-border-invisible:hsla(0,0%,100%,.08);--xecho-border-glow:rgba(116,185,255,.35);--glass-blur-subtle:12px;--glass-blur-medium:20px;--glass-blur-strong:24px;--glass-blur-intense:32px;--glass-bg-subtle:linear-gradient(145deg,rgba(5,5,8,.4),rgba(10,10,15,.35) 50%,rgba(15,15,25,.3));--glass-bg-light:linear-gradient(145deg,rgba(5,5,8,.5),rgba(10,10,15,.45) 50%,rgba(15,15,25,.35));--glass-bg-medium:linear-gradient(145deg,rgba(5,5,8,.6),rgba(10,10,15,.5) 50%,rgba(15,15,25,.4));--glass-bg-strong:linear-gradient(145deg,rgba(5,5,8,.75),rgba(10,10,15,.65) 50%,rgba(15,15,25,.55));--glass-bg-solid:linear-gradient(145deg,rgba(5,5,8,.9),rgba(10,10,15,.85) 50%,rgba(15,15,25,.8));--xecho-glass-bg:linear-gradient(145deg,rgba(5,5,8,.6),rgba(10,10,15,.5) 50%,rgba(15,15,25,.4));--xecho-glass-blur:blur(20px) saturate(140%) brightness(1.1);--glass-border-subtle:rgba(116,185,255,.1);--glass-border-medium:rgba(116,185,255,.15);--glass-border-strong:rgba(116,185,255,.2);--glass-border-accent:rgba(116,185,255,.3);--glass-filter-subtle:blur(12px) saturate(130%) brightness(1.05);--glass-filter-medium:blur(20px) saturate(140%) brightness(1.1);--glass-filter-strong:blur(24px) saturate(150%) brightness(1.15);--shadow-xs:0 1px 2px rgba(0,0,0,.15);--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.35);--shadow-xl:0 12px 40px rgba(0,0,0,.4);--shadow-2xl:0 20px 60px rgba(0,0,0,.5);--xecho-shadow-sm:var(--shadow-sm);--xecho-shadow-md:var(--shadow-md);--xecho-shadow-lg:0 8px 24px rgba(1,122,254,.2),0 4px 12px rgba(0,0,0,.3);--xecho-shadow-xl:var(--shadow-xl);--xecho-shadow-glow:0 0 20px rgba(116,185,255,.3);--xecho-shadow-default:var(--shadow-md);--xecho-shadow-medium:0 6px 16px rgba(0,0,0,.35);--xecho-shadow-heavy:0 12px 40px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3);--xecho-shadow-dark:0 8px 32px rgba(0,0,0,.4);--glow-blue:0 0 20px rgba(116,185,255,.3);--glow-cyan:0 0 20px rgba(20,184,166,.3);--glow-gold:0 0 20px rgba(245,158,11,.3);--glow-success:0 0 20px rgba(34,197,94,.3);--glow-danger:0 0 20px rgba(239,68,68,.3);--glow-purple:0 0 20px rgba(168,85,247,.3);--fa-family-classic:"Font Awesome 6 Pro";--fa-family-brands:"Font Awesome 6 Brands";--fa-family-sharp:"Font Awesome 6 Sharp";--fa-family-duotone:"Font Awesome 6 Duotone";--fa-font-solid:normal 900 1em/1 var(--fa-family-classic);--fa-font-regular:normal 400 1em/1 var(--fa-family-classic);--fa-font-light:normal 300 1em/1 var(--fa-family-classic);--fa-font-thin:normal 100 1em/1 var(--fa-family-classic);--fa-font-brands:normal 400 1em/1 var(--fa-family-brands);--fa-font-duotone:normal 900 1em/1 var(--fa-family-duotone);--fa-font-duotone-regular:normal 400 1em/1 var(--fa-family-duotone);--fa-font-duotone-light:normal 300 1em/1 var(--fa-family-duotone);--fa-font-duotone-thin:normal 100 1em/1 var(--fa-family-duotone);--fa-font-sharp-solid:normal 900 1em/1 var(--fa-family-sharp);--fa-font-sharp-regular:normal 400 1em/1 var(--fa-family-sharp);--fa-font-sharp-light:normal 300 1em/1 var(--fa-family-sharp);--fa-font-sharp-thin:normal 100 1em/1 var(--fa-family-sharp);--fa-font-sharp-duotone-solid:normal 900 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-regular:normal 400 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-light:normal 300 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-thin:normal 100 1em/1 "Font Awesome 6 Sharp Duotone";--icon-xs:0.75rem;--icon-sm:0.875rem;--icon-base:1rem;--icon-md:1.125rem;--icon-lg:1.25rem;--icon-xl:1.5rem;--icon-2xl:2rem;--icon-3xl:2.5rem;--icon-4xl:3rem;--icon-primary:#74b9ff;--icon-secondary:hsla(0,0%,100%,.7);--icon-muted:hsla(0,0%,100%,.4);--icon-success:var(--xecho-success-light);--icon-warning:var(--xecho-warning-light);--icon-danger:var(--xecho-danger-light);--icon-info:var(--xecho-info-light);--space-0:0;--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;--space-32:8rem;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:8px;--radius-xl:8px;--radius-max:8px;--radius-avatar:50%;--radius-pill:9999px;--radius-full:9999px;--z-behind:-1;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-header:250;--z-fixed:300;--z-overlay:400;--z-drawer:400;--z-overlay-high:450;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-max:9999;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-default:200ms ease;--transition-moderate:250ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--transition-smooth:300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.68,-0.55,0.265,1.55);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--sidebar-width:280px;--sidebar-collapsed:72px;--header-height:64px;--player-height:80px;--bp-xs:320px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--bp-3xl:1920px;--bp-4xl:2560px;--bp-5xl:3440px;--bp-6xl:5120px;--color-accent:var(--xecho-accent-dark);--color-text-primary:var(--xecho-text-primary);--color-text-secondary:var(--xecho-text-secondary);--color-background:var(--xecho-bg-primary);--color-success:var(--xecho-success);--color-error:var(--xecho-error);--vinyl-dark:#080808;--vinyl-medium:#181818;--vinyl-border:rgba(116,185,255,.18);--vinyl-action-bg:rgba(8,10,18,.82);--vinyl-action-bg-light:rgba(16,20,36,.72);--vinyl-action-border:hsla(0,0%,100%,.22);--vinyl-action-text:hsla(0,0%,100%,.92);--button-glass-bg:hsla(0,0%,100%,.07);--button-glass-bg-hover:hsla(0,0%,100%,.14);--button-glass-bg-subtle:hsla(0,0%,100%,.05);--button-glass-bg-faint:hsla(0,0%,100%,.04);--button-glass-bg-medium:hsla(0,0%,100%,.1);--button-glass-bg-hover-light:hsla(0,0%,100%,.11);--button-glass-border:hsla(0,0%,100%,.16);--button-glass-border-hover:rgba(116,185,255,.5);--button-glass-border-subtle:hsla(0,0%,100%,.1);--button-glass-border-faint:hsla(0,0%,100%,.08);--button-glass-border-medium:hsla(0,0%,100%,.18);--button-glass-border-hover-light:rgba(116,185,255,.35);--button-glass-text:hsla(0,0%,100%,.88);--button-glass-text-light:hsla(0,0%,100%,.72);--overlay-dark:rgba(0,0,0,.86);--overlay-medium:rgba(0,0,0,.58);--xecho-card-bg:rgba(22,27,38,.9);--xecho-card-bg-dark:rgba(12,16,26,.92);--xecho-card-bg-medium:rgba(18,23,36,.9);--xecho-card-bg-light:rgba(26,33,50,.88);--xecho-card-bg-dark-solid:#0c1018;--xecho-card-bg-darker:#080c14;--shadow-dark:rgba(0,0,0,.42);--shadow-dark-strong:rgba(0,0,0,.65);--shadow-medium:rgba(0,0,0,.3);--xecho-blue-shadow:rgba(37,95,244,.18);--xecho-blue-shadow-strong:rgba(37,95,244,.32);--xecho-blue-shadow-stronger:rgba(37,95,244,.44);--xecho-blue-shadow-strongest:rgba(37,95,244,.55);--xecho-blue-glow:rgba(116,185,255,.18);--xecho-blue-glow-subtle:rgba(116,185,255,.09);--xecho-blue-30-alpha:rgba(37,95,244,.03);--xecho-blue-40-alpha:rgba(37,95,244,.04);--xecho-blue-50-alpha:rgba(37,95,244,.05);--xecho-blue-60-alpha:rgba(37,95,244,.06);--xecho-blue-80-alpha:rgba(37,95,244,.08);--xecho-blue-100-alpha:rgba(37,95,244,.1);--xecho-blue-120-alpha:rgba(37,95,244,.12);--xecho-blue-180-alpha:rgba(37,95,244,.18);--xecho-blue-200-alpha:rgba(116,185,255,.2);--xecho-blue-250-alpha:rgba(116,185,255,.25);--xecho-blue-250-alpha-dark:rgba(37,95,244,.25);--xecho-blue-300-alpha:rgba(116,185,255,.3);--xecho-blue-300-alpha-dark:rgba(37,95,244,.3);--xecho-blue-350-alpha:rgba(116,185,255,.35);--xecho-blue-400-alpha:rgba(116,185,255,.4);--xecho-blue-500-alpha:rgba(37,95,244,.5);--xecho-blue-600-alpha:rgba(37,95,244,.6);--text-inverse:#fff;--text-muted-alpha:hsla(0,0%,100%,.38);--text-muted-semi:hsla(0,0%,100%,.42);--text-tertiary-alpha:hsla(0,0%,100%,.3);--text-tertiary-light:hsla(0,0%,100%,.4);--hover-light:hsla(0,0%,100%,.04);--mood-card-bg:rgba(16,20,32,.88);--mood-card-border:rgba(116,185,255,.1);--artist-bg:#0f1220;--artist-action-bg-top:rgba(8,12,22,.78);--artist-action-bg-mid:rgba(12,16,30,.9);--artist-action-bg-bottom:rgba(8,12,22,.96);--list-bg:rgba(12,16,26,.6);--list-border:rgba(116,185,255,.08);--list-row-bg:rgba(12,16,26,.4);--list-row-border:hsla(0,0%,100%,.04);--list-row-bg-hover:rgba(18,26,46,.52);--artwork-bg:#161b26;--scrollbar-track:hsla(0,0%,100%,.02);--inset-light:hsla(0,0%,100%,.06);--inset-light-subtle:hsla(0,0%,100%,.03);--loading-shimmer:hsla(0,0%,100%,.055);--color-cyan-500:#06b6d4}.xecho-h1{font-size:var(--text-5xl)}.xecho-h1,.xecho-h2{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--xecho-text-primary)}.xecho-h2{font-size:var(--text-4xl)}.xecho-h3{font-size:var(--text-3xl)}.xecho-h3,.xecho-h4{font-family:var(--font-heading);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--xecho-text-primary)}.xecho-h4{font-size:var(--text-2xl)}.xecho-h5{font-size:var(--text-xl)}.xecho-h5,.xecho-h6{font-family:var(--font-heading);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--xecho-text-primary)}.xecho-h6{font-size:var(--text-lg)}.xecho-body{font-size:var(--text-base)}.xecho-body,.xecho-body-sm{font-family:var(--font-body);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--xecho-text-secondary)}.xecho-body-sm{font-size:var(--text-sm)}.xecho-caption{font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--xecho-text-tertiary)}.xecho-caption,.xecho-label{font-family:var(--font-body);line-height:var(--leading-normal)}.xecho-label{font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);color:var(--xecho-text-secondary);text-transform:uppercase}.xecho-container{max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.xecho-container-sm{max-width:var(--container-sm)}.xecho-container-md{max-width:var(--container-md)}.xecho-container-lg{max-width:var(--container-lg)}.xecho-container-xl{max-width:var(--container-xl)}.xecho-container-2xl{max-width:var(--container-2xl)}.xecho-flex{display:flex}.xecho-flex-col{flex-direction:column}.xecho-flex-row{flex-direction:row}.xecho-flex-wrap{flex-wrap:wrap}.xecho-flex-center{align-items:center;justify-content:center}.xecho-flex-between{justify-content:space-between}.xecho-flex-start{justify-content:flex-start}.xecho-flex-end{justify-content:flex-end}.xecho-items-center{align-items:center}.xecho-items-start{align-items:flex-start}.xecho-items-end{align-items:flex-end}.xecho-grid-cols-1{grid-template-columns:repeat(1,1fr)}.xecho-grid-cols-2{grid-template-columns:repeat(2,1fr)}.xecho-grid-cols-3{grid-template-columns:repeat(3,1fr)}.xecho-grid-cols-4{grid-template-columns:repeat(4,1fr)}.xecho-gap-1{gap:var(--space-1)}.xecho-gap-2{gap:var(--space-2)}.xecho-gap-3{gap:var(--space-3)}.xecho-gap-4{gap:var(--space-4)}.xecho-gap-5{gap:var(--space-5)}.xecho-gap-6{gap:var(--space-6)}.xecho-gap-8{gap:var(--space-8)}.xecho-text-primary{color:var(--xecho-text-primary)}.xecho-text-secondary{color:var(--xecho-text-secondary)}.xecho-text-tertiary{color:var(--xecho-text-tertiary)}.xecho-text-muted{color:var(--xecho-text-muted)}.xecho-text-accent{color:var(--xecho-blue-500)}.xecho-text-cyan{color:var(--xecho-cyan-500)}.xecho-text-gold{color:var(--xecho-gold-500)}.xecho-text-success{color:var(--xecho-success)}.xecho-text-warning{color:var(--xecho-warning)}.xecho-text-danger{color:var(--xecho-danger)}.xecho-bg-base{background:var(--xecho-bg-base)}.xecho-bg-elevated{background:var(--xecho-bg-elevated)}.xecho-bg-surface{background:var(--xecho-bg-surface)}.xecho-bg-overlay{background:var(--xecho-bg-overlay)}.xecho-glass{background:linear-gradient(145deg,rgba(5,5,8,.6),rgba(10,10,15,.5) 50%,rgba(15,15,25,.4));backdrop-filter:blur(20px) saturate(140%) brightness(1.1);-webkit-backdrop-filter:blur(20px) saturate(140%) brightness(1.1);border:1px solid rgba(116,185,255,.15);border-radius:var(--radius-lg)}.xecho-glass-subtle{background:linear-gradient(145deg,rgba(5,5,8,.4),rgba(10,10,15,.35) 50%,rgba(15,15,25,.3));backdrop-filter:blur(12px) saturate(130%) brightness(1.05);-webkit-backdrop-filter:blur(12px) saturate(130%) brightness(1.05);border:1px solid rgba(116,185,255,.1);border-radius:var(--radius-lg)}.xecho-glass-strong{background:linear-gradient(145deg,rgba(5,5,8,.75),rgba(10,10,15,.65) 50%,rgba(15,15,25,.55));backdrop-filter:blur(24px) saturate(150%) brightness(1.15);-webkit-backdrop-filter:blur(24px) saturate(150%) brightness(1.15);border:1px solid rgba(116,185,255,.2);border-radius:var(--radius-lg)}.xecho-depth-1{box-shadow:var(--shadow-sm)}.xecho-depth-2{box-shadow:var(--shadow-md)}.xecho-depth-3{box-shadow:var(--shadow-lg)}.xecho-depth-4{box-shadow:var(--shadow-xl)}.xecho-inner-glow{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),inset 0 -1px 0 rgba(0,0,0,.1)}.xecho-glass-card{background:var(--glass-bg-medium);backdrop-filter:var(--glass-filter-medium);-webkit-backdrop-filter:var(--glass-filter-medium);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.05);transition:transform var(--transition-default),box-shadow var(--transition-default),border-color var(--transition-default)}.xecho-glass-card:hover{transform:translateY(-2px);border-color:var(--glass-border-medium);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 20px rgba(37,95,244,.08),inset 0 1px 0 hsla(0,0%,100%,.08)}.xecho-glass-card:active{transform:translateY(0)}.xecho-glass-card-sm{background:var(--glass-bg-subtle);backdrop-filter:var(--glass-filter-subtle);-webkit-backdrop-filter:var(--glass-filter-subtle);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(0,0,0,.2);transition:transform var(--transition-default),box-shadow var(--transition-default)}.xecho-glass-card-sm:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.xecho-glass-card-featured{background:var(--glass-bg-strong);backdrop-filter:var(--glass-filter-strong);-webkit-backdrop-filter:var(--glass-filter-strong);border:1px solid var(--glass-border-medium);border-radius:var(--radius-xl);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 40px rgba(37,95,244,.06),inset 0 1px 0 hsla(0,0%,100%,.08);transition:transform var(--transition-default),box-shadow var(--transition-default)}.xecho-glass-card-featured:hover{transform:translateY(-3px) scale(1.005);box-shadow:0 12px 48px rgba(0,0,0,.5),0 0 60px rgba(37,95,244,.1),inset 0 1px 0 hsla(0,0%,100%,.1)}.xecho-glass-panel{border:1px solid var(--glass-border-subtle);box-shadow:0 16px 64px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.05)}.xecho-glass-panel,.xecho-glass-panel-accent{background:var(--glass-bg-strong);backdrop-filter:var(--glass-filter-strong);-webkit-backdrop-filter:var(--glass-filter-strong)}.xecho-glass-panel-accent{border:1px solid var(--glass-border-medium);box-shadow:0 16px 64px rgba(0,0,0,.5),0 0 40px rgba(37,95,244,.08),inset 0 1px 0 hsla(0,0%,100%,.06)}.xecho-glass-floating{background:var(--glass-bg-solid);backdrop-filter:blur(var(--glass-blur-intense)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur-intense)) saturate(160%);border:1px solid var(--glass-border-medium);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.06)}.xecho-glass-overlay{background:rgba(0,0,0,.6);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%)}.xecho-glass-overlay-heavy{background:rgba(0,0,0,.8);backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}.xecho-glass-nav{background:var(--glass-bg-solid);backdrop-filter:var(--glass-filter-medium);-webkit-backdrop-filter:var(--glass-filter-medium);border-bottom:1px solid var(--glass-border-subtle);box-shadow:0 4px 16px rgba(0,0,0,.3)}.xecho-glass-input{background:hsla(0,0%,100%,.03);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--xecho-text-primary);transition:border-color var(--transition-default),box-shadow var(--transition-default)}.xecho-glass-input:hover{border-color:var(--glass-border-medium)}.xecho-glass-input:focus,.xecho-glass-input:focus-within{border-color:var(--xecho-accent);box-shadow:0 0 0 3px rgba(37,95,244,.15);outline:none}.xecho-glass-input:focus-visible{outline:2px solid var(--xecho-accent);outline-offset:2px}.xecho-glass-select{background:hsla(0,0%,100%,.03);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-md);color:var(--xecho-text-primary);transition:border-color var(--transition-default)}.xecho-glass-select:hover{border-color:var(--glass-border-medium)}.xecho-glass-select:focus{border-color:var(--xecho-accent);box-shadow:0 0 0 3px rgba(37,95,244,.15);outline:none}.xecho-glass-select:focus-visible{outline:2px solid var(--xecho-accent);outline-offset:2px}.xecho-glass-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:hsla(0,0%,100%,.06);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-full);font-size:var(--fluid-xs,.75rem);color:var(--xecho-text-secondary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.xecho-glass-badge-accent{background:rgba(37,95,244,.15);border-color:rgba(37,95,244,.25);color:var(--xecho-accent)}.xecho-glass-badge-success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.2);color:var(--xecho-success)}.xecho-glass-badge-warning{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.2);color:var(--xecho-warning)}.xecho-glass-badge-danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.2);color:var(--xecho-danger)}.xecho-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.5}.xecho-orb-accent{background:radial-gradient(circle,rgba(116,185,255,.08) 0,transparent 70%)}.xecho-orb-brand{background:radial-gradient(circle,rgba(37,95,244,.06) 0,transparent 70%)}.xecho-orb-subtle{background:radial-gradient(circle,rgba(116,185,255,.05) 0,transparent 70%)}.xecho-orb-purple{background:radial-gradient(circle,rgba(168,85,247,.06) 0,transparent 70%)}.xecho-orb-success{background:radial-gradient(circle,rgba(34,197,94,.06) 0,transparent 70%)}.xecho-orb-scene:after,.xecho-orb-scene:before{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.xecho-orb-scene:before{top:-10%;right:-5%;width:40%;height:40%;background:radial-gradient(circle,rgba(116,185,255,.08) 0,transparent 70%);filter:blur(60px)}.xecho-orb-scene:after{bottom:10%;left:-5%;width:35%;height:35%;background:radial-gradient(circle,rgba(37,95,244,.06) 0,transparent 70%);filter:blur(60px)}.xecho-glow-accent{box-shadow:0 0 20px rgba(37,95,244,.15),0 0 40px rgba(37,95,244,.08)}.xecho-glow-accent-strong{box-shadow:0 0 30px rgba(37,95,244,.25),0 0 60px rgba(37,95,244,.12)}.xecho-glow-success{box-shadow:0 0 20px rgba(34,197,94,.15),0 0 40px rgba(34,197,94,.08)}.xecho-glow-danger{box-shadow:0 0 20px rgba(239,68,68,.15),0 0 40px rgba(239,68,68,.08)}.xecho-glow-purple{box-shadow:0 0 20px rgba(168,85,247,.15),0 0 40px rgba(168,85,247,.08)}.xecho-hover-glow{transition:box-shadow var(--transition-default)}.xecho-hover-glow:hover{box-shadow:0 0 24px rgba(37,95,244,.2),0 0 48px rgba(37,95,244,.1)}.xecho-inner-light{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05)}.xecho-inner-light-strong{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),inset 0 -1px 0 rgba(0,0,0,.1)}.xecho-glass-divider{height:1px;background:linear-gradient(90deg,transparent,var(--glass-border-subtle),transparent);border:none}.xecho-glass-divider-accent{height:1px;background:linear-gradient(90deg,transparent,rgba(37,95,244,.2),transparent);border:none}.xecho-bg-layer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-behind,-10);background-color:var(--xecho-bg-deepest);background-size:cover;background-position:50%;background-repeat:no-repeat;pointer-events:none}.xecho-bg-layer:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,8,.3),rgba(10,14,26,.4) 50%,rgba(15,20,31,.5));z-index:0;pointer-events:none}.xecho-page-bg-gradient{background:linear-gradient(135deg,var(--xecho-bg-deepest) 0,var(--xecho-bg-deep) 25%,var(--xecho-bg-base) 50%,var(--xecho-bg-deep) 75%,var(--xecho-bg-deepest) 100%)}.xecho-page-bg-radial{background:radial-gradient(ellipse at 50% 0,rgba(14,165,233,.1) 0,var(--xecho-bg-deepest) 60%)}.xecho-page-bg-mesh{background-color:var(--xecho-bg-deepest);background-image:radial-gradient(at 20% 20%,rgba(14,165,233,.15) 0,transparent 50%),radial-gradient(at 80% 20%,rgba(20,184,166,.1) 0,transparent 50%),radial-gradient(at 50% 80%,rgba(245,158,11,.08) 0,transparent 50%)}.xecho-noise-overlay:before{content:"";position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none}.xecho-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;overflow:hidden;font-family:var(--font-primary);font-weight:var(--font-medium);text-decoration:none;white-space:nowrap;letter-spacing:var(--tracking-wide);background:var(--glass-bg-medium);backdrop-filter:blur(var(--glass-blur-medium));-webkit-backdrop-filter:blur(var(--glass-blur-medium));color:var(--xecho-text-secondary);border:2px solid var(--glass-border-medium);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),var(--shadow-md);cursor:pointer;user-select:none;transition:background var(--transition-smooth),color var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth),transform var(--transition-smooth);text-shadow:0 2px 4px rgba(0,0,0,.5)}.xecho-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(14,165,233,.15),transparent);transition:left .6s ease}.xecho-btn:hover:before{left:100%}.xecho-btn-xs{height:28px;padding:0 var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm)}.xecho-btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md)}.xecho-btn-md{height:40px;padding:0 var(--space-4);font-size:var(--text-base)}.xecho-btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-lg)}.xecho-btn-xl{height:56px;padding:0 var(--space-8);font-size:var(--text-xl)}.xecho-btn-icon{width:40px;height:40px;padding:0}.xecho-btn-icon.xecho-btn-sm{width:32px;height:32px}.xecho-btn-icon.xecho-btn-lg{width:48px;height:48px}.xecho-btn-primary{background:linear-gradient(135deg,var(--xecho-blue-900) 0,var(--xecho-blue-800) 50%,var(--xecho-blue-700) 100%);color:var(--xecho-text-primary);border-color:rgba(12,74,110,.7);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),var(--shadow-md),0 0 20px rgba(12,74,110,.3)}.xecho-btn-primary:hover{background:linear-gradient(135deg,var(--xecho-blue-800) 0,var(--xecho-blue-700) 50%,var(--xecho-blue-600) 100%);border-color:rgba(3,105,161,.8);transform:translateY(-2px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),var(--shadow-lg),0 0 30px rgba(3,105,161,.4)}.xecho-btn-secondary{background:var(--glass-bg-medium);color:var(--xecho-text-primary);border-color:var(--glass-border-strong)}.xecho-btn-secondary:hover{background:var(--glass-bg-strong);border-color:var(--xecho-blue-500);color:var(--xecho-text-primary);transform:translateY(-2px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),var(--shadow-lg)}.xecho-btn-ghost{background:transparent;border-color:transparent;backdrop-filter:none;box-shadow:none}.xecho-btn-ghost:hover{background:var(--glass-bg-subtle);color:var(--xecho-text-primary)}.xecho-btn-outline{background:transparent;border-color:var(--xecho-blue-500);color:var(--xecho-blue-400);backdrop-filter:blur(var(--glass-blur-subtle))}.xecho-btn-outline:hover{background:rgba(14,165,233,.1);border-color:var(--xecho-blue-400);color:var(--xecho-blue-300)}.xecho-btn-success{background:linear-gradient(135deg,var(--xecho-success-dark) 0,var(--xecho-success) 100%);color:var(--xecho-text-primary);border-color:rgba(34,197,94,.5)}.xecho-btn-success:hover{background:linear-gradient(135deg,var(--xecho-success) 0,var(--xecho-success-light) 100%);border-color:rgba(34,197,94,.7);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-success)}.xecho-btn-danger{background:linear-gradient(135deg,var(--xecho-danger-dark) 0,var(--xecho-danger) 100%);color:var(--xecho-text-primary);border-color:rgba(239,68,68,.5)}.xecho-btn-danger:hover{background:linear-gradient(135deg,var(--xecho-danger) 0,var(--xecho-danger-light) 100%);border-color:rgba(239,68,68,.7);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-danger)}.xecho-btn-warning{background:linear-gradient(135deg,var(--xecho-warning-dark) 0,var(--xecho-warning) 100%);color:var(--xecho-text-inverse);border-color:rgba(245,158,11,.5)}.xecho-btn-warning:hover{background:linear-gradient(135deg,var(--xecho-warning) 0,var(--xecho-warning-light) 100%);border-color:rgba(245,158,11,.7);transform:translateY(-2px)}.xecho-btn-premium{background:linear-gradient(135deg,var(--xecho-gold-700) 0,var(--xecho-gold-500) 50%,var(--xecho-gold-400) 100%);color:var(--xecho-text-inverse);border-color:rgba(245,158,11,.6);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),var(--shadow-md),var(--glow-gold)}.xecho-btn-premium:hover{background:linear-gradient(135deg,var(--xecho-gold-600) 0,var(--xecho-gold-400) 50%,var(--xecho-gold-300) 100%);transform:translateY(-2px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),var(--shadow-lg),0 0 30px rgba(245,158,11,.4)}.xecho-btn-info{background:linear-gradient(135deg,var(--xecho-info-dark) 0,var(--xecho-info) 100%);color:var(--xecho-text-primary);border-color:rgba(59,130,246,.5)}.xecho-btn-info:hover{background:linear-gradient(135deg,var(--xecho-info) 0,var(--xecho-info-light) 100%);border-color:rgba(59,130,246,.7);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px rgba(59,130,246,.3)}.xecho-btn:hover{color:var(--xecho-text-primary);transform:translateY(-2px)}.xecho-btn:active{transform:translateY(0);box-shadow:inset 0 2px 4px rgba(0,0,0,.2),var(--shadow-sm)}.xecho-btn:focus:not(:focus-visible){outline:none}.xecho-btn:focus-visible{outline:2px solid var(--xecho-blue-500);outline-offset:2px}.xecho-btn-disabled,.xecho-btn:disabled,.xecho-btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none;background:var(--glass-bg-subtle);border-color:var(--glass-border-subtle);color:var(--xecho-text-muted);box-shadow:none}.xecho-btn:disabled:before{display:none}.xecho-btn-loading{position:relative;pointer-events:none;color:transparent!important}.xecho-btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:var(--radius-avatar);animation:xecho-spin .8s linear infinite}.xecho-btn-full{width:100%}.xecho-btn-group{display:inline-flex}.xecho-btn-group .xecho-btn{border-radius:0}.xecho-btn-group .xecho-btn:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.xecho-btn-group .xecho-btn:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.xecho-btn-group .xecho-btn:not(:last-child){border-right:none}.xecho-input{width:100%;height:44px;padding:0 var(--space-4);font-family:var(--font-primary);font-size:var(--text-base);color:var(--xecho-text-primary);background:var(--glass-bg-medium);backdrop-filter:blur(var(--glass-blur-medium));-webkit-backdrop-filter:blur(var(--glass-blur-medium));border:2px solid var(--xecho-blue-900);border-radius:var(--radius-lg);transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth),background var(--transition-smooth)}.xecho-input::placeholder{color:var(--xecho-text-tertiary)}.xecho-input:hover{border-color:var(--glass-border-strong)}.xecho-input:focus:not(:focus-visible){outline:none;border-color:var(--xecho-blue-500);box-shadow:0 0 0 3px rgba(14,165,233,.15)}.xecho-input:focus-visible{outline:2px solid var(--xecho-accent,var(--xecho-blue-500));outline-offset:2px;border-color:var(--xecho-blue-500);box-shadow:0 0 0 3px rgba(14,165,233,.15)}.xecho-input:disabled{opacity:.5;cursor:not-allowed;background:var(--glass-bg-subtle)}.xecho-input-sm{height:36px;padding:0 var(--space-3);font-size:var(--text-sm)}.xecho-input-lg{height:52px;padding:0 var(--space-5);font-size:var(--text-lg)}.xecho-input-error{border-color:var(--xecho-danger)}.xecho-input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.15)}.xecho-input-success{border-color:var(--xecho-success)}.xecho-input-success:focus{box-shadow:0 0 0 3px rgba(34,197,94,.15)}.xecho-textarea{min-height:120px;padding:var(--space-3) var(--space-4);resize:vertical}.xecho-select{appearance:none;background-color:rgba(5,5,8,.8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10);color:var(--xecho-text-primary);cursor:pointer}.xecho-select option{background-color:#0a0a0f;color:var(--xecho-text-primary);padding:var(--space-2)}.xecho-select option:checked,.xecho-select option:focus,.xecho-select option:hover{background-color:#14141e}.xecho-checkbox,.xecho-radio{width:20px;height:20px;appearance:none;background:var(--glass-bg-medium);border:2px solid var(--xecho-blue-900);cursor:pointer;transition:all var(--transition-smooth)}.xecho-checkbox{border-radius:var(--radius-sm)}.xecho-radio{border-radius:var(--radius-avatar)}.xecho-checkbox:checked,.xecho-radio:checked{background:var(--xecho-blue-500);border-color:var(--xecho-blue-500)}.xecho-checkbox:checked:after{content:"";display:block;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(1px,-2px);margin:0 auto}.xecho-radio:checked:after{content:"";display:block;width:8px;height:8px;background:#fff;border-radius:var(--radius-avatar);margin:4px}.xecho-toggle{position:relative;width:44px;height:24px;appearance:none;background:var(--glass-bg-strong);border:2px solid var(--xecho-blue-900);border-radius:var(--radius-lg);cursor:pointer}.xecho-toggle,.xecho-toggle:after{transition:all var(--transition-smooth)}.xecho-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--xecho-text-secondary);border-radius:var(--radius-md)}.xecho-toggle:checked{background:var(--xecho-blue-700);border-color:var(--xecho-blue-600)}.xecho-toggle:checked:after{left:22px;background:#fff}.xecho-form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--xecho-text-secondary)}.xecho-form-helper{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--xecho-text-tertiary)}.xecho-form-error{color:var(--xecho-danger)}.xecho-form-group{margin-bottom:var(--space-4)}.xecho-card{padding:2rem;background:linear-gradient(145deg,rgba(5,5,8,.6),rgba(10,10,15,.5) 50%,rgba(15,15,25,.4));backdrop-filter:blur(20px) saturate(140%) brightness(1.1);-webkit-backdrop-filter:blur(20px) saturate(140%) brightness(1.1);border:1px solid rgba(116,185,255,.15);border-radius:6px;transition:all .3s ease;overflow:hidden}.xecho-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.25);border-color:hsla(0,0%,100%,.18)}.xecho-card-header{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--glass-border-subtle)}.xecho-card-body{padding:var(--space-4)}.xecho-card-footer{padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--glass-border-subtle)}.xecho-card-elevated{box-shadow:var(--shadow-xl)}.xecho-card-interactive{cursor:pointer}.xecho-card-interactive:hover{transform:translateY(-2px)}.xecho-widget{background:var(--glass-bg,hsla(0,0%,100%,.05));backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid var(--glass-border-strong,hsla(0,0%,100%,.12));border-radius:var(--radius-lg,8px);padding:var(--space-6);box-shadow:0 2px 12px rgba(0,0,0,.15);overflow:hidden;transition:all var(--transition-moderate,.25s ease)}.xecho-badge{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);background:linear-gradient(145deg,rgba(5,5,8,.6),rgba(10,10,15,.5) 50%,rgba(15,15,25,.4));backdrop-filter:blur(12px) saturate(140%) brightness(1.1);-webkit-backdrop-filter:blur(12px) saturate(140%) brightness(1.1);color:var(--xecho-text-secondary);border:1px solid rgba(116,185,255,.15);border-radius:var(--radius-sm)}.xecho-badge-primary{background:rgba(14,165,233,.2);color:var(--xecho-blue-400);border-color:rgba(14,165,233,.3)}.xecho-badge-success{background:rgba(34,197,94,.2);color:var(--xecho-success-light);border-color:rgba(34,197,94,.3)}.xecho-badge-warning{background:rgba(245,158,11,.2);color:var(--xecho-warning-light);border-color:rgba(245,158,11,.3)}.xecho-badge-danger{background:rgba(239,68,68,.2);color:var(--xecho-danger-light);border-color:rgba(239,68,68,.3)}.xecho-badge-premium{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(251,191,36,.2));color:var(--xecho-gold-400);border-color:rgba(245,158,11,.4)}.xecho-badge-verified{background:linear-gradient(135deg,rgba(14,165,233,.3),rgba(20,184,166,.2));color:var(--xecho-cyan-400);border-color:rgba(14,165,233,.4)}.xecho-chip{display:inline-flex;align-items:center;gap:var(--space-1);height:28px;padding:0 var(--space-3);font-size:var(--text-sm);color:var(--xecho-text-secondary);background:linear-gradient(145deg,rgba(5,5,8,.6),rgba(10,10,15,.5) 50%,rgba(15,15,25,.4));backdrop-filter:blur(16px) saturate(140%) brightness(1.1);-webkit-backdrop-filter:blur(16px) saturate(140%) brightness(1.1);border:1px solid rgba(116,185,255,.15);border-radius:var(--radius-lg);cursor:default;transition:all .3s ease}.xecho-chip:hover{border-color:rgba(116,185,255,.25)}.xecho-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:var(--space-1);background:hsla(0,0%,100%,.1);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease}.xecho-chip-remove:hover{background:var(--xecho-danger)}.xecho-modal{position:relative;max-width:500px;overflow-y:auto}.xecho-modal-header{padding:var(--space-4) var(--space-6)}.xecho-modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--xecho-text-primary)}.xecho-modal-close{width:32px;height:32px;border:1px solid hsla(0,0%,100%,.1);color:var(--xecho-text-secondary);transition:var(--transition-fast)}.xecho-modal-body{padding:var(--space-6)}.xecho-modal-footer{gap:var(--space-3);padding:var(--space-4) var(--space-6)}.xecho-modal-lg{max-width:700px}.xecho-modal-xl{max-width:900px}.xecho-modal-full{max-width:95vw}.xecho-nav{gap:var(--space-1)}.xecho-nav,.xecho-nav-item{display:flex;align-items:center}.xecho-nav-item{gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--xecho-text-tertiary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-smooth)}.xecho-nav-item:hover{color:var(--xecho-text-primary);background:var(--glass-bg-subtle)}.xecho-nav-item-active{color:var(--xecho-blue-400);background:rgba(14,165,233,.1)}.xecho-tabs{gap:var(--space-1);border-bottom:1px solid var(--glass-border-subtle)}.xecho-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--xecho-text-tertiary);transition:color var(--transition-smooth)}.xecho-tab:hover{color:var(--xecho-text-secondary)}.xecho-tab-active{color:var(--xecho-blue-400)}.xecho-tab-active:after{content:none!important}.xecho-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.xecho-breadcrumb-item{color:var(--xecho-text-tertiary);text-decoration:none}.xecho-breadcrumb-item:hover{color:var(--xecho-text-secondary)}.xecho-breadcrumb-current{color:var(--xecho-text-primary)}.xecho-breadcrumb-separator{color:var(--xecho-text-muted)}@keyframes xecho-fade-out{0%{opacity:1}to{opacity:0}}@keyframes xecho-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes xecho-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes xecho-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes xecho-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes xecho-pulse-glow{0%{box-shadow:0 0 0 0 rgba(14,165,233,.7)}50%{box-shadow:0 0 0 8px rgba(14,165,233,0)}to{box-shadow:0 0 0 0 rgba(14,165,233,.7)}}@keyframes xecho-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.xecho-animate-fade-in{animation:xecho-fade-in .3s ease forwards}.xecho-animate-slide-up{animation:xecho-slide-up .3s ease forwards}.xecho-animate-slide-down{animation:xecho-slide-down .3s ease forwards}.xecho-animate-scale-in{animation:xecho-scale-in .3s ease forwards}.xecho-animate-spin{animation:xecho-spin 1s linear infinite}.xecho-animate-pulse{animation:xecho-pulse 2s ease-in-out infinite}.xecho-animate-pulse-glow{animation:xecho-pulse-glow 2s ease-in-out infinite}.xecho-skeleton{background:linear-gradient(90deg,var(--glass-bg-subtle) 25%,var(--glass-bg-light) 50%,var(--glass-bg-subtle) 75%);background-size:200% 100%;animation:xecho-shimmer 1.5s infinite;border-radius:var(--radius-md)}.xecho-transition-none{transition:none}.xecho-transition-fast{transition:all var(--transition-fast)}.xecho-transition-base{transition:all var(--transition-base)}.xecho-transition-normal{transition:all var(--transition-normal)}.xecho-transition-slow{transition:all var(--transition-slow)}.xecho-hidden{display:none!important}.xecho-block{display:block}.xecho-inline{display:inline}.xecho-inline-block{display:inline-block}.xecho-inline-flex{display:inline-flex}.xecho-relative{position:relative}.xecho-absolute{position:absolute}.xecho-fixed{position:fixed}.xecho-sticky{position:sticky}.xecho-overflow-hidden{overflow:hidden}.xecho-overflow-auto{overflow:auto}.xecho-overflow-scroll{overflow:scroll}.xecho-text-left{text-align:left}.xecho-text-center{text-align:center}.xecho-text-right{text-align:right}.xecho-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xecho-line-clamp-2{-webkit-line-clamp:2;line-clamp:2}.xecho-line-clamp-2,.xecho-line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.xecho-line-clamp-3{-webkit-line-clamp:3;line-clamp:3}.xecho-cursor-pointer{cursor:pointer}.xecho-cursor-not-allowed{cursor:not-allowed}.xecho-opacity-0{opacity:0}.xecho-opacity-50{opacity:.5}.xecho-opacity-75{opacity:.75}.xecho-opacity-100{opacity:1}.xecho-rounded-none{border-radius:var(--radius-none)}.xecho-rounded-sm{border-radius:var(--radius-sm)}.xecho-rounded-md{border-radius:var(--radius-md)}.xecho-rounded-lg{border-radius:var(--radius-lg)}.xecho-rounded-full{border-radius:var(--radius-avatar)}.xecho-icon-xs{font-size:var(--icon-xs)}.xecho-icon-sm{font-size:var(--icon-sm)}.xecho-icon-base{font-size:var(--icon-base)}.xecho-icon-md{font-size:var(--icon-md)}.xecho-icon-lg{font-size:var(--icon-lg)}.xecho-icon-xl{font-size:var(--icon-xl)}.xecho-icon-2xl{font-size:var(--icon-2xl)}.xecho-icon-3xl{font-size:var(--icon-3xl)}.xecho-icon-4xl{font-size:var(--icon-4xl)}.xecho-icon-primary{color:var(--icon-primary)}.xecho-icon-secondary{color:var(--icon-secondary)}.xecho-icon-muted{color:var(--icon-muted)}.xecho-icon-success{color:var(--icon-success)}.xecho-icon-warning{color:var(--icon-warning)}.xecho-icon-danger{color:var(--icon-danger)}.xecho-icon-info{color:var(--icon-info)}.xecho-widget-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,rgba(116,185,255,.15),rgba(37,95,244,.1));border:1px solid rgba(116,185,255,.3);border-radius:6px;color:var(--icon-primary);font-size:1.1rem;flex-shrink:0}.xecho-widget-icon-sm{width:36px;height:36px;font-size:.95rem}.xecho-widget-icon-lg{width:56px;height:56px;font-size:1.5rem}.xecho-icon-container{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-md);color:var(--icon-primary);border:1px solid var(--glass-border-medium);background:linear-gradient(135deg,var(--glass-border-accent) 0,var(--glass-border-subtle) 100%);transition:all .2s ease}.xecho-icon-container-sm{width:32px;height:32px;font-size:var(--icon-sm)}.xecho-icon-container-md{width:40px;height:40px;font-size:var(--icon-base)}.xecho-icon-container-lg{width:48px;height:48px;font-size:var(--icon-md)}.xecho-icon-container-xl{width:56px;height:56px;font-size:var(--icon-lg)}.xecho-icon-container-2xl{width:64px;height:64px;font-size:var(--icon-xl)}.xecho-icon-container:not(.xecho-icon-container-static):hover{border-color:var(--xecho-border-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.xecho-icon-container-static{cursor:default}.xecho-icon-container-static:hover{transform:none;box-shadow:none}.xecho-w-full{width:100%}.xecho-h-full{height:100%}.xecho-min-h-screen{min-height:100vh}.xecho-m-0{margin:0}.xecho-m-auto{margin:auto}.xecho-mx-auto{margin-left:auto;margin-right:auto}.xecho-my-auto{margin-top:auto;margin-bottom:auto}.xecho-mt-0{margin-top:0}.xecho-mt-2{margin-top:var(--space-2)}.xecho-mt-4{margin-top:var(--space-4)}.xecho-mt-6{margin-top:var(--space-6)}.xecho-mt-8{margin-top:var(--space-8)}.xecho-mb-0{margin-bottom:0}.xecho-mb-1{margin-bottom:var(--space-1)}.xecho-mb-2{margin-bottom:var(--space-2)}.xecho-mb-3{margin-bottom:var(--space-3)}.xecho-mb-4{margin-bottom:var(--space-4)}.xecho-mb-6{margin-bottom:var(--space-6)}.xecho-mb-8{margin-bottom:var(--space-8)}.xecho-p-0{padding:0}.xecho-p-2{padding:var(--space-2)}.xecho-p-4{padding:var(--space-4)}.xecho-p-6{padding:var(--space-6)}.xecho-p-8{padding:var(--space-8)}.xecho-px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.xecho-px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.xecho-px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.xecho-py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.xecho-py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.xecho-py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.xecho-avatar{border-radius:var(--radius-avatar);object-fit:cover}.xecho-avatar-sm{width:32px;height:32px}.xecho-avatar-md{width:40px;height:40px}.xecho-avatar-lg{width:56px;height:56px}.xecho-avatar-xl{width:80px;height:80px}.xecho-avatar-2xl{width:120px;height:120px}.xecho-divider{height:1px;background:var(--glass-border-subtle);margin:var(--space-4) 0}.xecho-divider-vertical{width:1px;height:100%;background:var(--glass-border-subtle);margin:0 var(--space-4)}@media (min-width:640px){.sm\:xecho-hidden{display:none!important}.sm\:xecho-block{display:block}.sm\:xecho-flex{display:flex}.sm\:xecho-grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.md\:xecho-hidden{display:none!important}.md\:xecho-block{display:block}.md\:xecho-flex{display:flex}.md\:xecho-grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:xecho-grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg\:xecho-hidden{display:none!important}.lg\:xecho-block{display:block}.lg\:xecho-flex{display:flex}.lg\:xecho-grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:xecho-grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.xl\:xecho-hidden{display:none!important}.xl\:xecho-block{display:block}.xl\:xecho-flex{display:flex}.xl\:xecho-grid-cols-4{grid-template-columns:repeat(4,1fr)}.xl\:xecho-grid-cols-5{grid-template-columns:repeat(5,1fr)}}@media (min-width:1536px){.xxl\:xecho-hidden{display:none!important}.xxl\:xecho-block{display:block}.xxl\:xecho-grid-cols-5{grid-template-columns:repeat(5,1fr)}.xxl\:xecho-grid-cols-6{grid-template-columns:repeat(6,1fr)}}.xecho-focus-visible:focus-visible{outline:2px solid var(--xecho-blue-500);outline-offset:2px}.xecho-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}.xecho-skip-link{position:absolute;top:-100%;left:0;padding:var(--space-3) var(--space-4);background:var(--xecho-blue-500);color:#fff;z-index:var(--z-max)}.xecho-skip-link:focus{top:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.xecho-btn:before{display:none}}@media (prefers-contrast:high){:root{--glass-bg-medium:rgba(0,0,0,.95);--glass-bg-strong:rgba(0,0,0,.98);--glass-border-medium:hsla(0,0%,100%,.3);--glass-border-strong:hsla(0,0%,100%,.5)}.xecho-btn{border-width:3px}}.xecho-hero-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);padding:1.25rem 2.5%;background-size:cover;background-position:50%;background-repeat:no-repeat;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 8px 32px rgba(0,0,0,.2);transition:all .3s ease}.xecho-hero-header:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,8,.7),rgba(10,10,15,.6));z-index:-1}.xecho-hero-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0,var(--xecho-blue-600) 20%,var(--xecho-blue-500) 50%,var(--xecho-blue-600) 80%,transparent 100%);opacity:.6}.xecho-hero-header-inner{display:flex;align-items:center;gap:1rem;max-width:1600px;margin:0 auto}.xecho-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;height:128px!important;min-height:128px!important;max-height:128px!important;background-image:linear-gradient(135deg,rgba(20,20,40,.8),rgba(10,10,20,.9));background-size:cover;background-position:50%;background-repeat:no-repeat;border:1px solid var(--glass-border-strong,hsla(0,0%,100%,.12));border-radius:var(--radius-lg);transition:border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;contain:strict;box-sizing:border-box}.xecho-dashboard-header:hover{border-color:rgba(116,185,255,.35)}.xecho-dashboard-header:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25);z-index:0;border-radius:var(--radius-lg);pointer-events:none}.xecho-dashboard-header-left{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.xecho-dashboard-title{font-size:1.8rem;font-weight:700;margin:0;color:var(--text-primary);display:flex;align-items:center;gap:.75rem;font-family:var(--font-heading)}.xecho-dashboard-title .icon,.xecho-dashboard-title svg{color:#74b9ff;font-size:1.4rem}.xecho-dashboard-subtitle{margin:0;color:var(--text-secondary);font-size:.95rem}.xecho-dashboard-header-right{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.xecho-header-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(116,185,255,.15),rgba(37,95,244,.1));border:1px solid rgba(116,185,255,.3);border-radius:var(--radius-lg);color:#74b9ff;font-size:.85rem;font-weight:600}.xecho-dashboard-header-right .xecho-badge{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1)}.xecho-dashboard-header-right .xecho-badge-success{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3)}.xecho-dashboard-header-right .xecho-badge-warning{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.3)}.xecho-dashboard-header-right .xecho-badge-danger{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3)}.xecho-dashboard-header-right .xecho-badge-primary{background:rgba(14,165,233,.15);border-color:rgba(14,165,233,.3)}.xecho-dashboard-header-right .xecho-badge-premium{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(251,191,36,.1));border-color:rgba(245,158,11,.3)}.xecho-header-badge .icon,.xecho-header-badge svg{font-size:.9rem}.xecho-header-badge-success{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(5,150,105,.1));border-color:rgba(16,185,129,.3);color:var(--success)}.xecho-header-badge-warning{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(217,119,6,.1));border-color:rgba(245,158,11,.3);color:var(--warning)}.xecho-header-badge-pending{background:linear-gradient(135deg,rgba(116,185,255,.15),rgba(37,95,244,.1));border-color:rgba(116,185,255,.3);color:#74b9ff}.xecho-section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;margin-bottom:1.5rem;background:var(--glass-bg-subtle);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06);position:relative;overflow:hidden}.xecho-section-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--xecho-blue-500) 0,var(--xecho-blue-700) 100%);box-shadow:0 0 20px rgba(37,95,244,.5)}.xecho-section-title{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:.02em;color:var(--text-primary);display:flex;align-items:center;gap:.75rem;margin:0}.xecho-section-title:after{content:"";width:40px;height:2px;background:linear-gradient(90deg,var(--xecho-blue-500),transparent)}.xecho-section-count{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--text-secondary);padding:.25rem .75rem;background:hsla(0,0%,100%,.05);border-radius:var(--radius-md);border:1px solid var(--glass-border-subtle)}.xecho-tabs{display:flex;gap:3px;padding:4px;background:linear-gradient(145deg,hsla(0,0%,8%,.65),hsla(0,0%,4%,.8));border-radius:var(--radius-lg);border:1px solid rgba(37,95,244,.2);box-shadow:inset 0 1px 2px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;width:fit-content;height:36px}.xecho-tabs:hover{background:rgba(37,95,244,.08);border-color:rgba(37,95,244,.35)}.xecho-tab{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem .95rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-body);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;line-height:1;height:100%;white-space:nowrap}.xecho-tab,.xecho-tab:active,.xecho-tab:after,.xecho-tab:before,.xecho-tab:focus,.xecho-tab:hover,.xecho-tab:link,.xecho-tab:visited{border-bottom:none!important;text-decoration:none!important}.xecho-tab:hover:not(.xecho-tab-active){color:var(--text-primary);background:rgba(37,95,244,.12);transform:translateY(-1px);text-decoration:none!important;border-bottom:none!important}.xecho-tab-active{background:linear-gradient(135deg,rgba(26,58,122,.95),rgba(37,95,244,.85));color:var(--text-primary);font-weight:600;border:1px solid rgba(37,95,244,.5);box-shadow:0 2px 10px rgba(0,0,0,.35),0 1px 5px rgba(37,95,244,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.xecho-tab-active,.xecho-tab-active:after,.xecho-tab-active:before{border-bottom:none!important;text-decoration:none!important}.xecho-tab-active:active,.xecho-tab-active:focus,.xecho-tab-active:hover,.xecho-tab-active:visited{background:linear-gradient(135deg,#1a3a7a,rgba(37,95,244,.9));box-shadow:0 4px 12px rgba(0,0,0,.35),0 2px 6px rgba(37,95,244,.25),inset 0 1px 0 hsla(0,0%,100%,.1);transform:translateY(-1px);text-decoration:none!important;border-bottom:none!important}.xecho-tab-icon{font-size:.8rem;transition:transform .3s ease}.xecho-tab-active .xecho-tab-icon{transform:scale(1.05)}.xecho-tab-count{background:hsla(0,0%,100%,.2);padding:2px 8px;border-radius:var(--radius-md);font-size:.7rem;font-weight:700;min-width:22px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.2);margin-left:2px;transition:all .2s ease}.xecho-tab-active .xecho-tab-count{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.xecho-tabs-full{width:100%}.xecho-tabs-full .xecho-tab{flex:1}.xecho-view-toggle{display:flex;gap:.5rem;padding:.25rem;background:var(--glass-bg-subtle);border-radius:var(--radius-lg);border:1px solid var(--glass-border-subtle)}.xecho-view-toggle-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.xecho-view-toggle-btn:active,.xecho-view-toggle-btn:focus,.xecho-view-toggle-btn:hover{text-decoration:none}.xecho-view-toggle-btn:hover:not(.active){color:var(--text-primary);background:rgba(116,185,255,.1)}.xecho-view-toggle-btn.active{background:linear-gradient(135deg,rgba(116,185,255,.15),rgba(37,95,244,.1));border:1px solid rgba(116,185,255,.3);color:#74b9ff;font-weight:600}.xecho-page-bg{position:relative;min-height:100vh;background-size:cover;background-position:top;background-attachment:fixed;background-repeat:no-repeat;isolation:isolate}.xecho-page-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,8,.4),rgba(10,14,26,.5) 50%,rgba(15,20,31,.6));z-index:0;pointer-events:none}.xecho-page-content{position:relative;z-index:1}.xecho-page-bg-overlay-light:before{background:linear-gradient(180deg,rgba(3,5,8,.2),rgba(10,14,26,.3) 50%,rgba(15,20,31,.4))!important}.xecho-page-bg-overlay-dark:before{background:linear-gradient(180deg,rgba(3,5,8,.6),rgba(10,14,26,.7) 50%,rgba(15,20,31,.8))!important}.xecho-page-bg-no-overlay:before{display:none!important}.xecho-ambient-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.xecho-ambient-orb{position:absolute;border-radius:50%;filter:blur(150px);opacity:.15;background:radial-gradient(circle,rgba(116,185,255,.4) 0,transparent 70%)}.xecho-ambient-orb-1{width:600px;height:600px;top:-200px;right:-100px}.xecho-ambient-orb-2{width:500px;height:500px;bottom:-150px;left:-100px}.xecho-ambient-orb-3{width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%)}.xecho-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:xecho-fade-in .2s ease}@keyframes xecho-fade-in{0%{opacity:0}to{opacity:1}}.xecho-modal{width:100%;max-width:560px;max-height:90vh;overflow:hidden;background:var(--glass-bg-strong);backdrop-filter:var(--glass-filter-strong);-webkit-backdrop-filter:var(--glass-filter-strong);border:1px solid var(--glass-border-medium);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 40px rgba(14,165,233,.15),0 0 80px rgba(14,165,233,.08);animation:xecho-slide-up .3s ease;display:flex;flex-direction:column}@keyframes xecho-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.xecho-modal-sm{max-width:400px}.xecho-modal-lg{max-width:720px}.xecho-modal-xl{max-width:960px}.xecho-modal-full{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.xecho-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--glass-border-subtle)}.xecho-modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.75rem}.xecho-modal-title .icon,.xecho-modal-title svg{color:#74b9ff}.xecho-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:hsla(0,0%,100%,.05);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.xecho-modal-close:hover{background:hsla(0,0%,100%,.1);border-color:var(--xecho-blue-500);color:var(--xecho-text-primary)}.xecho-modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 140px)}.xecho-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--glass-border-subtle);background:rgba(0,0,0,.2)}.xecho-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);animation:xecho-fade-in .2s ease}.xecho-drawer{position:fixed;top:0;bottom:0;width:100%;max-width:400px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-filter-strong);-webkit-backdrop-filter:var(--glass-filter-strong);border-left:1px solid var(--glass-border-medium);box-shadow:-10px 0 40px rgba(0,0,0,.3);z-index:calc(var(--z-modal) + 1);display:flex;flex-direction:column}.xecho-drawer-right{right:0;animation:xecho-slide-left .3s ease}.xecho-drawer-left{left:0;border-left:none;border-right:1px solid var(--glass-border-medium);animation:xecho-slide-right .3s ease}@keyframes xecho-slide-left{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes xecho-slide-right{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.xecho-drawer-sm{max-width:320px}.xecho-drawer-lg{max-width:560px}.xecho-drawer-xl{max-width:720px}.xecho-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--glass-border-subtle);flex-shrink:0}.xecho-drawer-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.xecho-drawer-body{flex:1;padding:1.5rem;overflow-y:auto}.xecho-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--glass-border-subtle);background:rgba(0,0,0,.2);flex-shrink:0}.xecho-table-container{width:100%;overflow-x:auto;background:var(--glass-bg-subtle);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-lg)}.xecho-table{width:100%;border-collapse:collapse;font-size:.9rem}.xecho-table thead{background:rgba(0,0,0,.3);border-bottom:1px solid var(--glass-border-subtle)}.xecho-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);white-space:nowrap}.xecho-table td{padding:.875rem 1rem;color:var(--text-primary);border-bottom:1px solid var(--glass-border-subtle)}.xecho-table tbody tr:last-child td{border-bottom:none}.xecho-table tbody tr{transition:background .2s ease}.xecho-table tbody tr:hover{background:rgba(116,185,255,.05)}.xecho-table tbody tr.selected{background:rgba(116,185,255,.1);border-left:3px solid var(--xecho-blue-500)}.xecho-table-compact td,.xecho-table-compact th{padding:.625rem .75rem}.xecho-table-striped tbody tr:nth-child(2n){background:hsla(0,0%,100%,.02)}.xecho-track-table{width:100%;border-collapse:collapse}.xecho-track-row{display:grid;grid-template-columns:50px 1fr 120px 80px 60px;align-items:center;gap:.75rem;padding:.625rem 1rem;border-bottom:1px solid var(--glass-border-subtle);transition:all .2s ease}.xecho-track-row:hover{background:rgba(116,185,255,.08)}.xecho-track-row:last-child{border-bottom:none}.xecho-track-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:.9rem;font-weight:600;color:var(--text-secondary);transition:all .2s ease}.xecho-track-row:hover .xecho-track-number{opacity:0}.xecho-track-play{position:absolute;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--xecho-blue-600);border-radius:50%;color:#fff;opacity:0;transition:all .2s ease;cursor:pointer}.xecho-track-row:hover .xecho-track-play{opacity:1}.xecho-track-info{display:flex;align-items:center;gap:.75rem;min-width:0}.xecho-track-cover{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.xecho-track-details{display:flex;flex-direction:column;gap:2px;min-width:0}.xecho-track-title{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xecho-track-album,.xecho-track-artist{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xecho-track-duration,.xecho-track-plays{font-size:.85rem;color:var(--text-secondary);text-align:right}.xecho-track-duration{font-variant-numeric:tabular-nums}.xecho-track-actions{display:flex;align-items:center;gap:.5rem;opacity:0;transition:opacity .2s ease}.xecho-track-row:hover .xecho-track-actions{opacity:1}.xecho-track-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.xecho-track-action-btn:hover{background:rgba(116,185,255,.15);color:#74b9ff}.xecho-track-row.playing{background:rgba(116,185,255,.1)}.xecho-track-row.playing .xecho-track-title{color:#74b9ff}@media (max-width:768px){.xecho-track-row{grid-template-columns:40px 1fr 60px}.xecho-track-album,.xecho-track-plays{display:none}.xecho-hero-header{padding:1rem 3%}.xecho-dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;height:128px!important;min-height:128px!important;max-height:128px!important}.xecho-dashboard-title{font-size:1.4rem}.xecho-dashboard-header-right{width:100%;justify-content:flex-start}.xecho-tabs{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}}@media (max-width:768px){.xecho-tabs::-webkit-scrollbar{display:none}.xecho-modal{max-width:calc(100vw - 1rem);margin:.5rem}.xecho-drawer{max-width:100%}}@media (max-width:480px){.xecho-dashboard-header{padding:1rem;height:128px!important;min-height:128px!important;max-height:128px!important}.xecho-dashboard-title{font-size:1.2rem}.xecho-section-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}}input[type=date]{color-scheme:dark;background-color:#000!important;color:#fff!important;border:1px solid hsla(0,0%,100%,.1);padding:.5rem;border-radius:var(--radius-md,6px)}input[type=date]:hover{border-color:rgba(14,165,233,.5)}input[type=date]:focus:not(:focus-visible){outline:none;border-color:var(--xecho-blue-500,#0ea5e9);box-shadow:0 0 0 3px rgba(14,165,233,.1)}input[type=date]:focus-visible{outline:2px solid var(--xecho-accent,var(--xecho-blue-500,#0ea5e9));outline-offset:2px;border-color:var(--xecho-blue-500,#0ea5e9);box-shadow:0 0 0 3px rgba(14,165,233,.1)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.8}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-fields-wrapper{color:#fff}input[type=date]::-webkit-datetime-edit-text{color:hsla(0,0%,100%,.5);padding:0 .25rem}input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-year-field{color:#fff}input[type=date]::placeholder{color:hsla(0,0%,100%,.3)}input[type=date]::-moz-placeholder{color:hsla(0,0%,100%,.3)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--fluid-xs:clamp(0.7rem,0.65rem + 0.25vw,0.75rem);--fluid-sm:clamp(0.8rem,0.75rem + 0.25vw,0.875rem);--fluid-base:clamp(0.875rem,0.8rem + 0.375vw,1rem);--fluid-md:clamp(1rem,0.9rem + 0.5vw,1.125rem);--fluid-lg:clamp(1.125rem,1rem + 0.625vw,1.25rem);--fluid-xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--fluid-2xl:clamp(1.5rem,1.25rem + 1.25vw,2rem);--fluid-3xl:clamp(1.75rem,1.4rem + 1.75vw,2.5rem);--fluid-4xl:clamp(2rem,1.5rem + 2.5vw,3rem);--fluid-5xl:clamp(2.5rem,1.75rem + 3.75vw,4rem);--fluid-space-xs:clamp(0.25rem,0.2rem + 0.25vw,0.5rem);--fluid-space-sm:clamp(0.5rem,0.4rem + 0.5vw,0.75rem);--fluid-space-md:clamp(0.75rem,0.6rem + 0.75vw,1.25rem);--fluid-space-lg:clamp(1rem,0.8rem + 1vw,1.75rem);--fluid-space-xl:clamp(1.5rem,1rem + 2.5vw,3rem);--fluid-space-2xl:clamp(2rem,1.25rem + 3.75vw,4rem)}.xecho-container{width:100%;max-width:var(--bp-xl,1280px)}.xecho-container,.xecho-container-narrow{margin-inline:auto;padding-inline:var(--fluid-space-md)}.xecho-container-narrow{max-width:var(--bp-md,768px)}.xecho-container-wide{max-width:var(--bp-3xl,1920px);margin-inline:auto;padding-inline:var(--fluid-space-md)}.xecho-grid{display:grid;gap:var(--fluid-space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.xecho-grid-sm{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.xecho-grid-lg{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr))}.xecho-hide-mobile{display:block}.xecho-show-mobile{display:none}.xecho-hide-tablet{display:block}@media (max-width:768px){.xecho-hide-mobile{display:none!important}.xecho-show-mobile{display:block!important}}@media (max-width:1024px){.xecho-hide-tablet{display:none!important}}.xecho-text-fluid-xs{font-size:var(--fluid-xs)}.xecho-text-fluid-sm{font-size:var(--fluid-sm)}.xecho-text-fluid-base{font-size:var(--fluid-base)}.xecho-text-fluid-md{font-size:var(--fluid-md)}.xecho-text-fluid-lg{font-size:var(--fluid-lg)}.xecho-text-fluid-xl{font-size:var(--fluid-xl)}.xecho-text-fluid-2xl{font-size:var(--fluid-2xl)}.xecho-text-fluid-3xl{font-size:var(--fluid-3xl)}.xecho-text-fluid-4xl{font-size:var(--fluid-4xl)}.xecho-text-fluid-5xl{font-size:var(--fluid-5xl)}