/* StockBirdPro | (c) 2026 Mason Ark Holdings (Pty) Ltd | All Rights Reserved */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');:root{--navy-900:#0a0e17;--navy-850:#0f1729;--navy-800:#101827;--navy-750:#141e2d;--navy-700:#1a2332;--navy-650:#16203a;--navy-600:#1e2a3a;--navy-500:#263545;--navy-brand:#0d3b66;--accent-600:#1a6cb4;--accent-400:#5ba3d9;--gold-500:#d4a745;--gold-600:#c49b30;--gold-400:#e0c050;--green-500:#37ae83;--danger-500:#ea6e48;--danger-400:#ec7d5b;--rose-400:#ce8dad;--paper-050:#f0f0f5;--paper-200:#c8d0dc;--paper-400:#98a4b3;--alpha-white-02:rgba(255,255,255,0.02);--alpha-white-04:rgba(255,255,255,0.04);--alpha-white-05:rgba(255,255,255,0.05);--alpha-white-06:rgba(255,255,255,0.06);--alpha-white-08:rgba(255,255,255,0.08);--alpha-white-12:rgba(255,255,255,0.12);--alpha-ink-60:rgba(6,11,20,0.60);--alpha-navy-04:rgba(13,59,102,0.04);--alpha-navy-45:rgba(13,59,102,0.45);--alpha-deep-75:rgba(10,14,23,0.75);--alpha-deep-95:rgba(10,14,23,0.95);--alpha-accent-05:rgba(26,108,180,0.05);--alpha-accent-08:rgba(26,108,180,0.08);--alpha-accent-12:rgba(26,108,180,0.12);--alpha-accent-15:rgba(26,108,180,0.15);--alpha-accent-20:rgba(26,108,180,0.20);--alpha-accent-30:rgba(26,108,180,0.30);--alpha-accent-40:rgba(26,108,180,0.40);--alpha-gold-02:rgba(212,167,69,0.02);--alpha-gold-05:rgba(212,167,69,0.05);--alpha-gold-12:rgba(212,167,69,0.12);--alpha-gold-15:rgba(212,167,69,0.15);--alpha-gold-20:rgba(212,167,69,0.20);--alpha-gold-30:rgba(212,167,69,0.30);--alpha-green-08:rgba(55,174,131,0.08);--alpha-green-12:rgba(55,174,131,0.12);--alpha-green-15:rgba(55,174,131,0.15);--alpha-green-20:rgba(55,174,131,0.20);--alpha-danger-12:rgba(234,110,72,0.12);--alpha-danger-15:rgba(234,110,72,0.15);--alpha-rose-14:rgba(206,141,173,0.14);--color-bg-deep:var(--navy-900);--color-bg-primary:var(--navy-800);--color-bg-secondary:var(--navy-700);--color-bg-card:var(--navy-600);--color-bg-card-hover:var(--navy-500);--color-bg-input:var(--navy-750);--color-bg-modal:rgba(10,14,23,0.94);--color-accent:var(--accent-600);--color-accent-bright:var(--accent-400);--color-accent-glow:var(--alpha-accent-15);--color-accent-soft:var(--alpha-accent-30);--color-accent-veil:var(--alpha-accent-08);--color-navy-deep:var(--navy-brand);--color-gold:var(--gold-500);--color-gold-deep:var(--gold-600);--color-gold-light:var(--gold-400);--color-gold-glow:var(--alpha-gold-15);--color-gold-soft:var(--alpha-gold-30);--color-pearl:#d4c5a9;--color-border-gold:var(--color-gold-soft);--color-cock:var(--accent-400);--color-hen:var(--rose-400);--color-success:var(--green-500);--color-success-bg:var(--alpha-green-12);--color-warning:var(--gold-500);--color-warning-bg:var(--alpha-gold-12);--color-warning-text:var(--gold-500);--color-error:var(--danger-500);--color-error-hover:var(--danger-400);--color-error-bg:var(--alpha-danger-12);--color-info:var(--accent-600);--color-text-primary:#ffffff;--color-text-secondary:#e9edf3;--color-text-muted:#aeb9c8;--color-text-inverse:var(--navy-900);--color-border:var(--alpha-white-08);--color-border-strong:var(--alpha-white-12);--color-border-hover:var(--alpha-accent-30);--color-cyber-blue:var(--accent-600);--color-cyber-blue-glow:var(--alpha-accent-15);--color-cyber-blue-soft:var(--alpha-accent-30);--color-purple:var(--navy-brand);--color-purple-glow:var(--alpha-navy-45);--color-iridescent-green:var(--green-500);--color-iridescent-green-glow:var(--alpha-green-15);--color-brand-blue:var(--accent-400);--primary:var(--color-accent-bright);--text-secondary:var(--color-text-secondary);--border:var(--color-border);--surface-hover:var(--color-bg-card-hover);--text-primary:var(--color-text-primary);--surface-glass:rgba(26,35,50,0.65);--accent-primary:var(--color-accent-bright);--success:var(--color-success);--gold:var(--color-gold);--border-color:var(--color-border);--bg-primary:var(--color-bg-primary);--warning:var(--color-warning);--font-heading:'Montserrat',sans-serif;--font-body:'Inter',sans-serif;--font-mono:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.5rem;--font-size-xl:2rem;--font-size-2xl:3rem;--line-height-tight:1.15;--line-height-snug:1.35;--line-height-base:1.6;--line-height-loose:1.75;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-heavy:800;--letter-spacing-tight:-0.01em;--letter-spacing-wide:0.05em;--letter-spacing-caps:0.08em;--space-xs:4px;--space-sm:8px;--space-sm-md:12px;--space-md:16px;--space-md-lg:20px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(6,11,20,0.35);--shadow-md:0 4px 16px rgba(6,11,20,0.45);--shadow-lg:0 8px 32px rgba(6,11,20,0.55);--shadow-xl:0 24px 64px rgba(6,11,20,0.60);--shadow-glow-accent:0 0 24px var(--alpha-accent-20);--shadow-glow-accent-strong:0 0 40px var(--alpha-accent-40);--shadow-glow-gold:0 0 24px var(--alpha-gold-20);--shadow-glow-green:0 0 24px var(--alpha-green-20);--focus-ring-color:var(--accent-400);--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring:0 0 0 3px var(--alpha-accent-30);--gradient-brand:linear-gradient(135deg,var(--color-accent),var(--color-navy-deep));--gradient-gold:linear-gradient(135deg,var(--color-gold),var(--color-gold-deep));--gradient-gold-hover:linear-gradient(135deg,var(--color-gold-light),var(--color-gold));--gradient-wordmark:linear-gradient(135deg,var(--color-text-primary),var(--color-gold));--glass-bg:rgba(26,35,50,0.65);--glass-border:var(--alpha-white-06);--glass-blur:16px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:900;--z-modal:1000;--z-toast:1100;--sidebar-width:260px;--navbar-height:64px;--content-max-width:1200px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--font-size-base);background:var(--color-bg-deep);color:var(--color-text-primary);line-height:var(--line-height-base);min-height:100vh;min-height:100dvh;overflow-x:hidden}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 50%,var(--alpha-accent-05) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,var(--alpha-navy-04) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,var(--alpha-gold-02) 0%,transparent 50%);pointer-events:none;z-index:0}a{color:var(--color-accent-bright);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-gold)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-tight)}h2{font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-tight)}h3{font-size:var(--font-size-md)}h4{font-size:var(--font-size-base)}p{color:var(--color-text-secondary)}table,.num,.stat-value,.bid-amount,.listing-card-price,.auction-timer{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:var(--color-bg-card);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}::selection{background:var(--color-accent-soft);color:var(--color-text-primary)}:where( a[href],button,input,select,textarea,summary,[tabindex],[role="button"],[role="link"],[role="tab"],[role="menuitem"],[role="checkbox"],[role="switch"],.btn,.btn-hero,.tab,.feature-tab,.friends-tab,.nav-item,.dropdown-item,.pagination-btn,.filter-chip,.quick-action-btn,.pigeon-card,.listing-card,.pedigree-node,.faq-question,.sidebar-user,.modal-close,.toast-close ){outline:var(--focus-ring-width) solid transparent;outline-offset:var(--focus-ring-offset)}:where( a[href],button,input,select,textarea,summary,[tabindex],[role="button"],[role="link"],[role="tab"],[role="menuitem"],[role="checkbox"],[role="switch"],.btn,.btn-hero,.tab,.feature-tab,.friends-tab,.nav-item,.dropdown-item,.pagination-btn,.filter-chip,.quick-action-btn,.pigeon-card,.listing-card,.pedigree-node,.faq-question,.sidebar-user,.modal-close,.toast-close ):focus-visible{outline-color:var(--focus-ring-color)}.skip-link{position:absolute;left:var(--space-sm);top:calc(var(--space-sm) * -10);z-index:var(--z-toast);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-sm)}.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}.app-layout{display:flex;min-height:100vh;min-height:100dvh;position:relative;z-index:1}.app-sidebar{width:var(--sidebar-width);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border);position:fixed;top:0;left:0;height:100vh;height:100dvh;overflow-y:auto;z-index:var(--z-sticky);transition:transform var(--transition-base);display:flex;flex-direction:column}.app-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-navbar{height:var(--navbar-height);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);position:sticky;top:0;z-index:var(--z-sticky)}.app-content{flex:1;padding:var(--space-lg);max-width:var(--content-max-width);width:100%;margin:0 auto}.sidebar-logo{padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--color-border)}.sidebar-logo .logo-icon{width:40px;height:40px;background:var(--gradient-brand);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md)}.sidebar-logo h2{font-size:var(--font-size-md);font-weight:var(--font-weight-heavy);color:var(--color-gold)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.sidebar-logo h2{background:var(--gradient-wordmark);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}.sidebar-nav{flex:1;padding:var(--space-md)}.nav-section{margin-bottom:var(--space-lg)}.nav-section-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);color:var(--color-text-muted);padding:var(--space-sm) var(--space-md);font-weight:var(--font-weight-semibold)}.nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);margin-bottom:2px;position:relative;overflow:hidden}.nav-item:hover{background:var(--color-accent-glow);color:var(--color-accent-bright)}.nav-item.active{background:var(--color-accent-glow);color:var(--color-accent-bright);font-weight:var(--font-weight-semibold)}.nav-item.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-accent-bright);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.nav-item .nav-icon{width:20px;text-align:center;font-size:var(--font-size-base)}.icon{width:1em;height:1em;flex:0 0 auto;vertical-align:-0.125em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:0.875em;height:0.875em}.icon-lg{width:1.25em;height:1.25em}.icon-xl{width:1.75em;height:1.75em}.nav-item .nav-icon .icon{width:18px;height:18px}.nav-item .nav-badge{margin-left:auto;background:var(--color-error);color:var(--color-text-inverse);font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold)}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--color-border)}.sidebar-user{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.sidebar-user:hover{background:var(--color-accent-glow)}.sidebar-user .user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);overflow:hidden}.sidebar-user .user-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user .user-info{flex:1;min-width:0}.sidebar-user .user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .user-tier{font-size:var(--font-size-xs);color:var(--color-gold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.sidebar-toggle{display:none;background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-lg);cursor:pointer;padding:var(--space-sm)}.sidebar-overlay{display:none;position:fixed;inset:0;background:var(--alpha-ink-60);z-index:calc(var(--z-sticky) - 1)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-cyan{color:var(--color-accent-bright)}.text-gold{color:var(--color-gold)}.text-purple{color:var(--color-accent-bright)}.text-success,.text-green{color:var(--color-success)}.text-error{color:var(--color-error)}.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-md)}.text-xl{font-size:var(--font-size-lg)}.fw-medium{font-weight:var(--font-weight-medium)}.fw-semibold{font-weight:var(--font-weight-semibold)}.fw-bold{font-weight:var(--font-weight-bold)}.mono{font-family:var(--font-mono);letter-spacing:var(--letter-spacing-wide)}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.hidden{display:none !important}.w-full{width:100%}.overflow-hidden{overflow:hidden}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.app-sidebar{transform:translateX(-100%)}.app-sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block}.app-main{margin-left:0}.sidebar-toggle{display:block}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.app-content{padding:var(--space-md)}.hide-mobile{display:none !important}}@media (max-width:480px){h1{font-size:var(--font-size-lg)}h2{font-size:var(--font-size-md)}.app-content{padding:var(--space-sm)}}