:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--bg-quaternary: #1f1f1f;--bg-hover: #2a2a2a;--bg-hover-secondary: #262626;--border-primary: #333333;--border-secondary: #404040;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-green: #22c55e;--accent-yellow: #fbbf24;--accent-purple: #a855f7;--accent-red: #ef4444;--accent-blue-bg: rgba(59, 130, 246, .1);--accent-green-bg: rgba(34, 197, 94, .1);--accent-yellow-bg: rgba(251, 191, 36, .1);--accent-purple-bg: rgba(168, 85, 247, .1);--accent-red-bg: rgba(239, 68, 68, .1);--status-success: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--error-text: #dc3545;--error-bg: #f8d7da;--error-border: #f5c6cb;--status-info: #3b82f6;--color-up: #22c55e;--color-down: #ef4444;--color-neutral: #9ca3af;--brand-primary: #3b82f6;--brand-secondary: #1a1a1a}:root{--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-xl-desktop: 1.5rem;--text-2xl-desktop: 2rem;--text-3xl-desktop: 2.5rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-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: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--stat-number-size: var(--text-3xl);--stat-number-weight: var(--font-bold);--stat-number-leading: var(--leading-none);--label-uppercase-size: var(--text-xs);--label-uppercase-weight: var(--font-semibold);--label-uppercase-tracking: var(--tracking-wider);--label-uppercase-transform: uppercase;--button-text-size: var(--text-sm);--button-text-weight: var(--font-medium);--heading-weight: var(--font-semibold);--heading-leading: var(--leading-tight)}:root{--space-0: 0;--space-px: 1px;--space-0_5: .125rem;--space-1: .25rem;--space-1_5: .375rem;--space-2: .5rem;--space-2_5: .625rem;--space-3: .75rem;--space-3_5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-base: var(--space-3);--space-md: var(--space-4);--space-lg: var(--space-5);--space-xl: var(--space-6);--space-2xl: var(--space-8);--space-3xl: var(--space-10);--container-max-width: 1400px;--container-padding-mobile: var(--space-4);--container-padding-desktop: var(--space-8);--card-padding-sm: var(--space-4);--card-padding-base: var(--space-5);--card-padding-lg: var(--space-6);--card-padding-xl: var(--space-8);--grid-gap-tight: var(--space-2);--grid-gap-base: var(--space-3);--grid-gap-relaxed: var(--space-4);--grid-gap-loose: var(--space-6);--button-padding-y: var(--space-3);--button-padding-x: var(--space-4);--button-gap: var(--space-3);--input-padding-y: var(--space-3);--input-padding-x: var(--space-4);--touch-target-min: 2.75rem;--button-min-height: 2.5rem;--input-min-height: 2.5rem;--section-margin-sm: var(--space-4);--section-margin-base: var(--space-6);--section-margin-lg: var(--space-8);--section-margin-xl: var(--space-12);--dashboard-section-gap: var(--space-8);--card-grid-gap: var(--space-4);--stats-grid-gap: var(--space-4);--quick-actions-gap: var(--space-3);--metal-prices-gap: var(--space-4);--nav-padding: var(--space-4);--header-padding: var(--space-6);--breadcrumb-gap: var(--space-2);--nav-width-collapsed: 60px;--nav-width-mobile: 0px;--nav-width-tablet: 200px;--nav-width-desktop: 250px;--layout-mobile-max: 768px;--layout-tablet-max: 1200px}:root{--radius-none: 0;--radius-sm: .25rem;--radius-base: .5rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .2);--shadow-base: 0 2px 4px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px 0 rgba(0, 0, 0, .4);--shadow-lg: 0 4px 8px 0 rgba(0, 0, 0, .4);--shadow-xl: 0 8px 16px 0 rgba(0, 0, 0, .5);--shadow-2xl: 0 12px 24px 0 rgba(0, 0, 0, .6);--shadow-focus: 0 0 0 3px rgba(59, 130, 246, .2);--shadow-focus-green: 0 0 0 3px rgba(34, 197, 94, .2);--shadow-focus-red: 0 0 0 3px rgba(239, 68, 68, .2);--shadow-focus-yellow: 0 0 0 3px rgba(251, 191, 36, .2);--shadow-card: var(--shadow-base);--shadow-card-hover: var(--shadow-lg);--shadow-button: var(--shadow-sm);--shadow-button-hover: var(--shadow-md);--shadow-input: var(--shadow-sm);--shadow-modal: var(--shadow-2xl);--shadow-navigation: var(--shadow-lg);--transition-none: none;--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--transition-colors: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1);--transition-opacity: opacity .15s cubic-bezier(.4, 0, .2, 1);--transition-shadow: box-shadow .15s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .15s cubic-bezier(.4, 0, .2, 1);--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--transition-button: all var(--duration-200) var(--ease-in-out);--transition-card: all var(--duration-200) var(--ease-in-out);--transition-input: border-color var(--duration-200) var(--ease-in-out), box-shadow var(--duration-200) var(--ease-in-out);--transition-hover-lift: transform var(--duration-200) var(--ease-out), box-shadow var(--duration-200) var(--ease-out);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-25: .25;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-75: .75;--opacity-80: .8;--opacity-90: .9;--opacity-95: .95;--opacity-100: 1;--backdrop-blur-none: none;--backdrop-blur-sm: blur(4px);--backdrop-blur-base: blur(8px);--backdrop-blur-md: blur(12px);--backdrop-blur-lg: blur(16px);--backdrop-blur-xl: blur(24px)}:root{--breakpoint-xs: 375px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-xs: 100%;--container-sm: var(--breakpoint-sm);--container-md: var(--breakpoint-md);--container-lg: var(--breakpoint-lg);--container-xl: var(--breakpoint-xl);--container-2xl: var(--breakpoint-2xl);--grid-cols-mobile: 1;--grid-cols-tablet: 2;--grid-cols-desktop: 4;--dashboard-cols-mobile: 2;--dashboard-cols-tablet: 3;--dashboard-cols-desktop: 4;--actions-cols-mobile: 2;--actions-cols-tablet: 3;--actions-cols-desktop: 4;--metals-cols-mobile: 2;--metals-cols-tablet: 4;--metals-cols-desktop: 4}:root{font-family:var(--font-family-primary);box-sizing:border-box;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color-scheme:dark}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-primary);font-size:var(--text-base);line-height:var(--leading-normal);overflow-x:hidden}button{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;border:none;background:none;color:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button:focus,input:focus,textarea:focus,select:focus{outline:none}img{max-width:100%;height:auto}ul,ol{list-style:none;margin:0;padding:0}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--heading-weight);line-height:var(--heading-leading);color:var(--text-primary)}p{margin:0;color:var(--text-primary)}table{border-collapse:collapse;width:100%}::placeholder{color:var(--text-secondary);opacity:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}::selection{background-color:var(--accent-blue);color:var(--text-primary)}.app-container{min-height:100vh;background-color:var(--bg-primary);display:flex;position:relative}.app-main-content{flex:1;min-height:100vh;transition:margin-left var(--duration-300) var(--ease-out);margin-left:var(--nav-width-mobile)}@media (min-width: 769px) and (max-width: 1200px){.app-main-content{margin-left:var(--nav-width-tablet)}}@media (min-width: 1201px){.app-main-content{margin-left:var(--nav-width-desktop)}}.app-main-content.nav-collapsed{margin-left:var(--nav-width-collapsed)}@media (max-width: 768px){.app-main-content,.app-main-content.nav-collapsed{margin-left:var(--nav-width-mobile)}}.app-main-content{overflow-x:hidden;max-width:calc(100vw - var(--nav-width-mobile))}@media (min-width: 769px) and (max-width: 1200px){.app-main-content{max-width:calc(100vw - var(--nav-width-tablet))}}@media (min-width: 1201px){.app-main-content{max-width:calc(100vw - var(--nav-width-desktop))}}.app-main-content.nav-collapsed{max-width:calc(100vw - var(--nav-width-collapsed))}@media (max-width: 768px){.app-main-content,.app-main-content.nav-collapsed{max-width:100vw}}.navigation{position:fixed;top:0;left:0;height:100vh;background-color:var(--bg-secondary);color:var(--text-primary);display:flex;flex-direction:column;transition:width var(--duration-300) var(--ease-out);z-index:1000;overflow-x:hidden;overflow-y:auto;box-shadow:var(--shadow-navigation);border-right:1px solid var(--border-primary)}.navigation{width:var(--nav-width-mobile)}@media (min-width: 769px) and (max-width: 1200px){.navigation{width:var(--nav-width-tablet)}}@media (min-width: 1201px){.navigation{width:var(--nav-width-desktop)}}.navigation.collapsed{width:var(--nav-width-collapsed)}@media (max-width: 768px){.navigation{width:280px;transform:translate(-100%);transition:transform var(--duration-300) var(--ease-out);max-height:100vh}.navigation.mobile-open{transform:translate(0);box-shadow:var(--shadow-modal)}}.navigation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);z-index:999;display:none}@media (max-width: 768px){.navigation-overlay.active{display:block}}.navigation-header{padding:var(--space-4);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;min-height:70px}.navigation-logo{display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary);text-decoration:none;font-size:var(--text-xl);font-weight:var(--font-bold)}.navigation-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-base);transition:var(--transition-colors);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.navigation-toggle:hover{color:var(--text-primary);background-color:var(--bg-hover)}@media (max-width: 768px){.navigation-toggle{display:none}}.navigation-content{flex:1;padding:var(--space-4) 0;overflow-y:auto}.navigation-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);color:var(--text-secondary);text-decoration:none;transition:var(--transition-colors);cursor:pointer;border:none;background:none;width:100%;text-align:left;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);min-height:var(--touch-target-min)}.navigation-item:hover{color:var(--text-primary);background-color:var(--bg-hover)}.navigation-item.active{color:var(--accent-blue);background-color:var(--accent-blue-bg);border-right:3px solid var(--accent-blue)}.navigation-item-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.navigation-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navigation-footer{padding:var(--space-4);border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--space-2)}.navigation-user{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.navigation-plan{color:var(--text-secondary);font-size:var(--text-xs)}.mobile-menu-button{position:fixed;top:var(--space-4);left:var(--space-4);z-index:1001;background-color:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius-base);padding:var(--space-2);width:44px;height:44px;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;transition:var(--transition-all)}.mobile-menu-button:hover{background-color:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-xl)}@media (max-width: 768px){.mobile-menu-button{display:flex}}.dashboard-container{background-color:var(--bg-primary);min-height:100vh;font-family:var(--font-family-primary);color:var(--text-primary)}.dashboard-content{max-width:1400px;margin:0 auto;padding:var(--space-8) var(--space-4)}@media (max-width: 768px){.dashboard-content{padding:var(--space-4) var(--space-4)}}.dashboard-welcome-header{text-align:center;margin-bottom:var(--space-8)}.dashboard-welcome-title{font-size:var(--text-3xl-desktop);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}@media (max-width: 768px){.dashboard-welcome-title{font-size:var(--text-2xl)}}.dashboard-welcome-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--space-4) 0;font-weight:var(--font-medium)}.dashboard-plan-badge{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);background-color:var(--accent-blue);color:var(--text-primary);border:1px solid var(--accent-blue)}.dashboard-search-container{position:relative;margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.dashboard-search-input{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-12);border:1px solid var(--border-secondary);border-radius:var(--radius-base);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-tertiary);box-shadow:var(--shadow-sm);outline:none;transition:var(--transition-input)}.dashboard-search-input:focus{border-color:var(--accent-blue);box-shadow:var(--shadow-focus)}.dashboard-search-input::placeholder{color:var(--text-secondary)}.dashboard-search-button{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:var(--transition-colors)}.dashboard-search-button:hover{color:var(--accent-blue)}.dashboard-metal-prices{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);border:1px solid var(--border-primary);margin-bottom:var(--space-8)}.dashboard-metal-prices-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dashboard-metal-prices-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.dashboard-market-status{font-size:var(--text-xs);background-color:var(--status-success);color:var(--text-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-semibold)}.dashboard-update-button{background-color:var(--accent-blue);color:var(--text-primary);border:none;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-button);box-shadow:var(--shadow-sm)}.dashboard-update-button:hover{background-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (max-width: 768px){.dashboard-update-button{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);white-space:nowrap;min-width:auto}}.dashboard-metal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.dashboard-metal-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}@media (max-width: 768px){.dashboard-metal-grid{grid-template-columns:1fr 1fr}}.dashboard-metal-card{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-base);padding:var(--space-5);text-align:left;transition:var(--transition-hover-lift);box-shadow:var(--shadow-sm)}.dashboard-metal-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.dashboard-metal-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-3)}.dashboard-metal-price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.dashboard-metal-label{font-size:var(--text-xs);color:var(--text-secondary)}.dashboard-metal-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.dashboard-metal-change{font-size:var(--text-xs);text-align:right;margin-top:var(--space-2)}.dashboard-metal-change.positive{color:var(--color-up)}.dashboard-metal-change.negative{color:var(--color-down)}.dashboard-stats-container{margin-bottom:var(--space-8)}.dashboard-stats-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4) 0}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}@media (max-width: 768px){.dashboard-stats-grid{grid-template-columns:1fr 1fr}}.dashboard-stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-base);padding:var(--space-5);text-align:center;transition:var(--transition-hover-lift);box-shadow:var(--shadow-card);cursor:pointer}.dashboard-stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.dashboard-stat-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-3)}.dashboard-stat-number{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-none);margin-bottom:var(--space-1)}.dashboard-stat-number.blue{color:var(--accent-blue)}.dashboard-stat-number.green{color:var(--accent-green)}.dashboard-stat-number.yellow{color:var(--accent-yellow)}.dashboard-actions-container{margin-bottom:var(--space-8)}.dashboard-actions-header{text-align:center;margin-bottom:var(--space-4)}.dashboard-actions-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.dashboard-actions-subtitle{font-size:var(--text-lg);color:var(--text-secondary);font-weight:var(--font-medium);margin:0}.dashboard-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media (max-width: 768px){.dashboard-actions-grid{grid-template-columns:1fr 1fr}}.dashboard-action-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-base);padding:var(--space-5);text-align:center;cursor:pointer;transition:var(--transition-hover-lift);box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;text-decoration:none}.dashboard-action-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px);background-color:var(--bg-tertiary)}.dashboard-action-icon{margin-bottom:var(--space-3);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.dashboard-action-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.dashboard-quick-entry-card{background-color:var(--bg-secondary);border:2px solid var(--accent-blue);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;margin-bottom:var(--space-8);box-shadow:var(--shadow-card)}.dashboard-quick-entry-title{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--accent-blue);margin:0 0 var(--space-4) 0}.dashboard-quick-entry-description{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-4) 0;line-height:var(--leading-relaxed)}.dashboard-quick-entry-button{background-color:var(--accent-blue);color:var(--text-primary);border:none;border-radius:var(--radius-base);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-button);box-shadow:var(--shadow-button);display:flex;align-items:center;gap:var(--space-2);margin:0 auto}.dashboard-quick-entry-button:hover{background-color:var(--accent-blue);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.dashboard-getting-started{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-card)}.dashboard-getting-started-title{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4) 0}.dashboard-getting-started-description{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-4) 0;line-height:var(--leading-relaxed)}.dashboard-getting-started-button{background-color:var(--accent-blue);color:var(--text-primary);border:none;border-radius:var(--radius-base);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-button);box-shadow:var(--shadow-button)}.dashboard-getting-started-button:hover{background-color:var(--accent-blue);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}@media (max-width: 480px){.dashboard-content{padding:var(--space-4) var(--space-3)}.dashboard-metal-grid,.dashboard-stats-grid,.dashboard-actions-grid{grid-template-columns:1fr}.dashboard-metal-prices,.dashboard-quick-entry-card,.dashboard-getting-started{padding:var(--space-4)}}.transactions-container{background-color:var(--bg-primary);min-height:100vh;font-family:var(--font-family-primary);color:var(--text-primary)}.transactions-content{max-width:1400px;margin:0 auto;padding:var(--space-8) var(--space-4)}@media (max-width: 768px){.transactions-content{padding:var(--space-4) var(--space-4)}}.transactions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-4)}@media (max-width: 768px){.transactions-header{flex-direction:column;align-items:stretch}}.transactions-header-info{flex:1}.transactions-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}.transactions-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.transactions-new-button{background-color:var(--accent-green);color:var(--text-primary);border:none;border-radius:var(--radius-base);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-button);box-shadow:var(--shadow-button);display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min)}.transactions-new-button:hover{background-color:var(--accent-green);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.transactions-error{background-color:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error);border-radius:var(--radius-base);padding:var(--space-4);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.transactions-success{background-color:var(--status-success-bg);color:var(--status-success-text);border:1px solid var(--status-success);border-radius:var(--radius-base);padding:var(--space-4);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.transactions-filters{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);border:1px solid var(--border-primary);margin-bottom:var(--space-6)}.transactions-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);align-items:end}@media (max-width: 768px){.transactions-filters-grid{grid-template-columns:1fr}}.transactions-filter-group{display:flex;flex-direction:column}.transactions-filter-label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.transactions-filter-input,.transactions-filter-select{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-base);padding:var(--space-3);font-size:var(--text-base);color:var(--text-primary);outline:none;transition:var(--transition-input);min-height:var(--touch-target-min)}.transactions-filter-input:focus,.transactions-filter-select:focus{border-color:var(--accent-blue);box-shadow:var(--shadow-focus)}.transactions-filter-input::placeholder{color:var(--text-secondary)}.transactions-clear-button{background-color:var(--text-secondary);color:var(--text-primary);border:none;border-radius:var(--radius-base);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-button);box-shadow:var(--shadow-sm);min-height:var(--touch-target-min)}.transactions-clear-button:hover{background-color:var(--text-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.transactions-custom-dates{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--space-4);align-items:end}@media (max-width: 768px){.transactions-custom-dates{grid-template-columns:1fr}}.transactions-apply-button{background-color:var(--accent-blue);color:var(--text-primary);border:none;border-radius:var(--radius-base);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-button);box-shadow:var(--shadow-sm);min-height:var(--touch-target-min)}.transactions-apply-button:hover{background-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.transactions-voided-toggle{background-color:var(--bg-secondary);border-radius:var(--radius-base);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);margin-bottom:var(--space-6)}.transactions-voided-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-base);color:var(--text-primary)}.transactions-voided-checkbox{width:18px;height:18px;accent-color:var(--accent-blue)}.transactions-empty-state{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;box-shadow:var(--shadow-card);border:1px solid var(--border-primary)}.transactions-empty-icon{font-size:var(--text-6xl);margin-bottom:var(--space-4);display:block}.transactions-empty-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4) 0}.transactions-empty-description{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-8) 0;line-height:var(--leading-relaxed)}.transactions-empty-button{background-color:var(--accent-blue);color:var(--text-primary);border:none;border-radius:var(--radius-base);padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-button);box-shadow:var(--shadow-button)}.transactions-empty-button:hover{background-color:var(--accent-blue);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.transactions-mobile-container{display:flex;flex-direction:column;gap:var(--space-4)}.transaction-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:var(--transition-hover-lift)}.transaction-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.transaction-card.voided{opacity:.7;background-color:var(--bg-tertiary)}.transaction-card-header{padding:var(--space-4);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;align-items:flex-start}.transaction-card-header-left{flex:1}.transaction-card-id-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap}.transaction-card-id{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.transaction-card-collection-badge{background-color:var(--accent-purple-bg);color:var(--accent-purple);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);border:1px solid var(--accent-purple);display:flex;align-items:center;gap:var(--space-1)}.transaction-card-voided-badge{background-color:var(--status-error);color:var(--text-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold)}.transaction-card-date{font-size:var(--text-sm);color:var(--text-secondary)}.transaction-card-header-right{text-align:right}.transaction-card-amount{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.transaction-card-type-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-primary)}.transaction-card-type-badge.purchase{background-color:var(--accent-green)}.transaction-card-type-badge.sale{background-color:var(--accent-blue)}.transaction-card-type-badge.consignment{background-color:var(--accent-yellow);color:var(--bg-primary)}.transaction-card-body{padding:var(--space-4)}.transaction-card-details{display:flex;flex-direction:column;gap:var(--space-3)}.transaction-card-detail-row{display:flex;flex-direction:column}.transaction-card-detail-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-1)}.transaction-card-entity-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.transaction-card-entity-name{font-weight:var(--font-medium);color:var(--text-primary)}.transaction-card-entity-type{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium)}.transaction-card-entity-type.customer{background-color:var(--accent-blue-bg);color:var(--accent-blue)}.transaction-card-entity-type.dealer{background-color:var(--accent-yellow-bg);color:var(--accent-yellow)}.transaction-card-handled-by{display:flex;flex-direction:column}.transaction-card-handled-name{font-weight:var(--font-medium);color:var(--text-primary)}.transaction-card-handled-role{font-size:var(--text-xs);color:var(--text-secondary)}.transaction-card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap}.transaction-card-action-button{flex:1;min-width:100px;background-color:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:var(--radius-base);padding:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-button);box-shadow:var(--shadow-sm);min-height:var(--touch-target-min)}.transaction-card-action-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.transaction-card-action-button.view{color:var(--accent-blue);opacity:.9}.transaction-card-action-button.view:hover{background-color:var(--accent-blue-bg);color:var(--accent-blue);opacity:1}.transaction-card-action-button.receipt{color:var(--accent-green);flex:0 0 auto;min-width:var(--touch-target-min);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);opacity:.9}.transaction-card-action-button.receipt:hover{background-color:var(--accent-green-bg);color:var(--accent-green);opacity:1}.transaction-card-action-button.itemize{color:var(--accent-purple);min-width:100px;font-weight:var(--font-medium);opacity:.9}.transaction-card-action-button.itemize:hover{background-color:var(--accent-purple-bg);color:var(--accent-purple);opacity:1}.transaction-card-action-button.void{color:var(--status-error);min-width:60px;opacity:.9}.transaction-card-action-button.void:hover{background-color:var(--status-error-bg);color:var(--status-error);opacity:1}.transactions-table-container{background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-primary);overflow:hidden}.transactions-table-scroll{overflow-x:auto}.transactions-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.transactions-table-header{background-color:var(--bg-tertiary)}.transactions-table-header th{padding:var(--space-4);text-align:left;border-bottom:2px solid var(--border-primary);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:var(--text-xs)}.transactions-table-header th:last-child{text-align:center}.transactions-table-header th.amount{text-align:right}.transactions-table-row{border-bottom:1px solid var(--border-secondary);background-color:var(--bg-primary);transition:var(--transition-colors)}.transactions-table-row:hover{background-color:var(--bg-hover)}.transactions-table-row.voided{background-color:var(--bg-tertiary);opacity:.7}.transactions-table-cell{padding:var(--space-4);vertical-align:top}.transactions-table-cell.amount{text-align:right;font-weight:var(--font-bold)}.transactions-table-cell.actions{text-align:center}.transactions-table-id{font-weight:var(--font-semibold);color:var(--text-primary)}.transactions-table-type-badges{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.transactions-table-type-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);min-width:24px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.transactions-table-type-badge.purchase{background-color:var(--accent-green-bg);color:var(--accent-green);border:1px solid var(--accent-green)}.transactions-table-type-badge.sale{background-color:var(--accent-blue-bg);color:var(--accent-blue);border:1px solid var(--accent-blue)}.transactions-table-type-badge.consignment{background-color:var(--accent-yellow-bg);color:var(--accent-yellow);border:1px solid var(--accent-yellow)}.transactions-table-collection-badge{background-color:var(--accent-purple-bg);color:var(--accent-purple);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);border:1px solid var(--accent-purple);display:inline-flex;align-items:center;gap:var(--space-1)}.transactions-table-entity-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);opacity:.7}.transactions-table-entity-badge.customer,.transactions-table-entity-badge.dealer{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-secondary)}.transactions-table-handled-by{display:flex;flex-direction:column}.transactions-table-handled-name{font-weight:var(--font-semibold);color:var(--text-primary)}.transactions-table-handled-role{font-size:var(--text-xs);color:var(--text-secondary)}.transactions-table-actions{display:flex;gap:var(--space-1);justify-content:center;flex-wrap:wrap}.transactions-table-action-button{padding:var(--space-2);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-button);background-color:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.transactions-table-action-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.transactions-table-action-button.view{color:var(--accent-blue);opacity:.8}.transactions-table-action-button.view:hover{background-color:var(--accent-blue-bg);color:var(--accent-blue);opacity:1}.transactions-table-action-button.print{color:var(--accent-green);opacity:.8}.transactions-table-action-button.print:hover{background-color:var(--accent-green-bg);color:var(--accent-green);opacity:1}.transactions-table-action-button.edit{color:var(--accent-orange);opacity:.8}.transactions-table-action-button.edit:hover{background-color:var(--accent-orange-bg);color:var(--accent-orange);opacity:1}.transactions-table-action-button.itemize{color:var(--accent-purple);opacity:.8}.transactions-table-action-button.itemize:hover{background-color:var(--accent-purple-bg);color:var(--accent-purple);opacity:1}.transactions-table-action-button.void{color:var(--status-error);opacity:.8}.transactions-table-action-button.void:hover{background-color:var(--status-error-bg);color:var(--status-error);opacity:1}.transactions-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.transactions-modal-content{background-color:#fff;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #000c,var(--shadow-modal);border:2px solid var(--accent-blue);width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;position:relative;color:#000}@media (max-width: 768px){.transactions-modal-content{max-width:95vw;max-height:95vh}}.transactions-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding:var(--space-6);border-bottom:1px solid #e5e5e5}.transactions-modal-title{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:#000}@media (max-width: 768px){.transactions-modal-title{font-size:var(--text-lg)}}.transactions-modal-actions{display:flex;gap:var(--space-2);align-items:center}.transactions-modal-print-button{background-color:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius-base);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-button);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min)}.transactions-modal-print-button:hover{background-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.transactions-modal-close-button{background:none;border:none;font-size:var(--text-2xl);cursor:pointer;color:#666;min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-colors)}.transactions-modal-close-button:hover{color:#000;background-color:#f5f5f5}@media (max-width: 768px){.transactions-modal-close-button{font-size:var(--text-3xl)}}.transactions-modal-body{padding:0 var(--space-6) var(--space-6) var(--space-6)}.transactions-modal-section{margin-bottom:var(--space-8)}.transactions-modal-section-title{margin-bottom:var(--space-4);font-size:var(--text-lg);font-weight:var(--font-semibold);color:#000}@media (max-width: 768px){.transactions-modal-section-title{font-size:var(--text-base)}}.transactions-modal-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-bottom:var(--space-8)}@media (max-width: 768px){.transactions-modal-details-grid{grid-template-columns:1fr}}.transactions-modal-detail-item{margin-bottom:var(--space-2);color:#000}.transactions-modal-detail-label{font-weight:var(--font-semibold);color:#000}.transactions-modal-collection-badge{background-color:var(--accent-purple-bg);color:var(--accent-purple);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);border:1px solid var(--accent-purple);margin-left:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1)}.transactions-modal-error{background-color:#fee;color:#c53030;border:1px solid #fc8181;border-radius:var(--radius-base);padding:var(--space-4);text-align:center;margin:var(--space-4)}.transactions-modal-error-button{background-color:#666;color:#fff;border:none;border-radius:var(--radius-base);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-button);box-shadow:var(--shadow-sm);margin-top:var(--space-4)}.transactions-modal-error-button:hover{background-color:#555;box-shadow:var(--shadow-md);transform:translateY(-1px)}.transactions-modal-items-mobile{display:flex;flex-direction:column;gap:var(--space-4)}.transactions-modal-item-card{border:1px solid #e5e5e5;border-radius:var(--radius-base);padding:var(--space-4);background-color:#f9f9f9}.transactions-modal-item-title{font-weight:var(--font-semibold);margin-bottom:var(--space-2);font-size:var(--text-base);color:#000}.transactions-modal-item-code{font-size:var(--text-sm);color:#666;font-family:var(--font-family-mono);background-color:#f0f0f0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-block;margin-bottom:var(--space-2)}.transactions-modal-item-bulk{font-size:var(--text-sm);color:#666;margin-bottom:var(--space-2)}.transactions-modal-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid #e5e5e5}.transactions-modal-item-price{font-size:var(--text-lg);font-weight:var(--font-semibold);color:#000}.transactions-modal-items-table{border:1px solid #e5e5e5;border-radius:var(--radius-base);overflow:hidden}.transactions-modal-table-header{padding:var(--space-4);background-color:#f5f5f5;border-bottom:1px solid #e5e5e5;display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4);font-weight:var(--font-semibold);color:#000}.transactions-modal-table-header-right{text-align:right}.transactions-modal-table-row{padding:var(--space-4);border-bottom:1px solid #e5e5e5;display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-4);align-items:center;background-color:#fff}.transactions-modal-table-row:last-child{border-bottom:none}.transactions-modal-table-cell-right{text-align:right}.transactions-modal-no-items{color:#666;font-style:italic;padding:var(--space-6);text-align:center;background-color:#f9f9f9;border:1px solid #e5e5e5;border-radius:var(--radius-base)}@media (max-width: 768px){.transactions-mobile-only{display:block}.transactions-desktop-only{display:none}}@media (min-width: 769px){.transactions-mobile-only{display:none}.transactions-desktop-only{display:block}}.inventory-container{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:var(--space-6)}@media (max-width: 768px){.inventory-container{padding:var(--space-4)}}.inventory-header{margin-bottom:var(--space-8)}.inventory-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0;display:flex;align-items:center;gap:var(--space-3)}.inventory-description{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed)}@media (max-width: 768px){.inventory-title{font-size:var(--text-2xl)}.inventory-description{font-size:var(--text-sm)}}.inventory-search-section{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.inventory-search-bar{width:100%;background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-base);padding:var(--space-4);font-size:var(--text-base);color:var(--text-primary);transition:var(--transition-colors);margin-bottom:var(--space-4);min-height:var(--touch-target-min)}.inventory-search-bar:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.inventory-search-bar::placeholder{color:var(--text-secondary)}.inventory-filters-row{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:var(--space-2);border-top:1px solid var(--border-secondary)}@media (max-width: 768px){.inventory-filters-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}}.inventory-filter-select{background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-base);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-colors);min-height:var(--touch-target-min);margin:var(--space-1);width:auto;min-width:180px;max-width:250px}.inventory-filter-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.inventory-filter-more-button{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-base);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-button);min-height:var(--touch-target-min);display:flex;align-items:center;gap:var(--space-2)}.inventory-filter-more-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.inventory-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);padding:var(--space-2)}@media (max-width: 768px){.inventory-filters-grid{grid-template-columns:1fr}}.inventory-tabs-container{position:relative;display:flex;align-items:center;margin-bottom:var(--space-6)}.inventory-tab-scroll-button{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:16px;font-weight:700;transition:var(--transition-colors);z-index:2;flex-shrink:0}.inventory-tab-scroll-button:hover{background:var(--bg-hover);color:var(--accent-blue);border-color:var(--accent-blue)}.inventory-tab-scroll-left{margin-right:var(--space-2)}.inventory-tab-scroll-right{margin-left:var(--space-2)}.inventory-tabs{display:flex;gap:var(--space-2);border-bottom:2px solid var(--border-primary);overflow-x:auto;padding-bottom:var(--space-2);flex:1;scrollbar-width:none;-ms-overflow-style:none}.inventory-tabs::-webkit-scrollbar{display:none}.inventory-container{overflow-x:visible!important}.inventory-container .inventory-tabs{position:relative;z-index:1}.inventory-tab{background:none;border:none;padding:var(--space-4) var(--space-6);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);border-bottom:2px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min)}.inventory-tab:hover{color:var(--text-primary);background-color:var(--bg-hover)}.inventory-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);background-color:var(--accent-blue-bg)}.inventory-tab-badge{background-color:var(--accent-blue);color:#fff;border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);min-width:20px;text-align:center}.inventory-tab.active .inventory-tab-badge{background-color:var(--accent-blue);color:#fff}@media (max-width: 768px){.inventory-tab-scroll-button{display:none!important}.inventory-tabs{padding:0 var(--space-2);scrollbar-width:none;-ms-overflow-style:none}.inventory-tabs::-webkit-scrollbar{display:none}.inventory-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}}.inventory-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-secondary)}@media (max-width: 768px){.inventory-actions{flex-direction:column;gap:var(--space-3)}}.inventory-action-button{background-color:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius-base);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-button);box-shadow:var(--shadow-sm);min-height:var(--touch-target-min);display:flex;align-items:center;gap:var(--space-2)}.inventory-action-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.inventory-action-button.secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-secondary)}.inventory-action-button.secondary:hover{background-color:var(--bg-hover)}.inventory-action-button.success{background-color:var(--accent-green)}@media (max-width: 768px){.inventory-action-button{justify-content:center;flex:1}}.inventory-loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--text-secondary);font-size:var(--text-lg)}.inventory-error{background-color:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error);border-radius:var(--radius-base);padding:var(--space-4);margin-bottom:var(--space-6)}.inventory-empty{text-align:center;padding:var(--space-12);color:var(--text-secondary)}.inventory-empty-description{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-6) 0}.inventory-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--bg-secondary);border-radius:var(--radius-base);border:1px solid var(--border-primary)}.inventory-results-count{color:var(--text-secondary);font-size:var(--text-sm)}.inventory-view-toggle{display:flex;gap:var(--space-2)}.inventory-view-button{background:none;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--text-secondary);cursor:pointer;transition:var(--transition-colors)}.inventory-view-button:hover,.inventory-view-button.active{background-color:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.inventory-cards-container{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-6)}.inventory-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition-colors);box-shadow:var(--shadow-sm);display:grid;grid-template-columns:auto 2fr 1fr 1fr;gap:var(--space-8);align-items:center;min-height:100px}.inventory-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--accent-blue)}@media (max-width: 1024px) and (min-width: 769px){.inventory-card{grid-template-columns:auto 2fr 1fr;gap:var(--space-6)}}@media (max-width: 768px){.inventory-card{grid-template-columns:auto 1fr;grid-template-areas:"image details" "pricing pricing" "actions actions";gap:var(--space-4);padding:var(--space-4)}}.inventory-card-image{width:80px;height:100px;border-radius:var(--radius-base);overflow:hidden;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 768px){.inventory-card-image{grid-area:image;width:60px;height:75px}}.inventory-card-image img{width:100%;height:100%;object-fit:cover}.inventory-card-image-placeholder{color:var(--text-secondary);font-size:var(--text-2xl);opacity:.5}.inventory-thumbnail-override{width:100%!important;height:100%!important;background-color:var(--bg-tertiary)!important;border:none!important;border-radius:var(--radius-base)!important}.inventory-card-details{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;flex:1}@media (max-width: 768px){.inventory-card-details{grid-area:details}}.inventory-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;line-height:var(--leading-tight)}@media (max-width: 768px){.inventory-card-title{font-size:var(--text-base)}}.inventory-card-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.inventory-card-meta{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.inventory-card-code{font-family:var(--font-family-mono);font-size:var(--text-xs);color:var(--text-secondary);background-color:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-primary)}.inventory-card-badge.premium{background-color:var(--accent-purple-bg);color:var(--accent-purple);border-color:var(--accent-purple);font-weight:var(--font-semibold);border-radius:12px;font-size:var(--text-xs);padding:var(--space-1) var(--space-2);box-shadow:0 2px 4px #0000001a;transform:translateY(0);transition:var(--transition-all)}.inventory-card-badge.premium:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.inventory-card-badge.premium[data-designation="Green Bean"]{background-color:var(--accent-green-bg);color:var(--accent-green);border-color:var(--accent-green)}.inventory-card-badge.premium[data-designation="Gold Bean"]{background-color:var(--accent-yellow-bg);color:var(--accent-yellow);border-color:var(--accent-yellow)}.inventory-card-badge.premium[data-designation="Red Bean"],.inventory-card-badge.premium[data-designation=Rattler]{background-color:var(--accent-red-bg);color:var(--accent-red);border-color:var(--accent-red)}.inventory-card-badge{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid;display:inline-flex;align-items:center;gap:var(--space-1)}.inventory-card-badge.status-on-hand{background-color:var(--accent-green-bg);color:var(--accent-green);border-color:var(--accent-green)}.inventory-card-badge.status-sold{background-color:var(--text-secondary);color:var(--text-primary);border-color:var(--text-secondary)}.inventory-card-badge.status-consignment{background-color:var(--accent-yellow-bg);color:var(--accent-yellow);border-color:var(--accent-yellow)}.inventory-card-badge.status-grading{background-color:var(--accent-blue-bg);color:var(--accent-blue);border-color:var(--accent-blue)}.inventory-card-badge.feature{background-color:var(--accent-purple-bg);color:var(--accent-purple);border-color:var(--accent-purple)}.inventory-card-status{margin-top:var(--space-2)}.inventory-card-designations{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.inventory-card-pricing{display:flex;flex-direction:column;gap:var(--space-1);text-align:right;min-width:120px;align-self:start}@media (max-width: 768px){.inventory-card-pricing{grid-area:pricing;text-align:left;min-width:auto;margin-top:var(--space-2)}}.inventory-card-price{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin:0}.inventory-card-price-label{font-size:var(--text-xs);color:var(--text-secondary);margin:0}.inventory-card-profit{font-size:var(--text-xs);font-weight:var(--font-medium);margin:0}.inventory-card-profit.positive{color:var(--accent-green)}.inventory-card-profit.negative{color:var(--accent-red)}.inventory-card-profit.neutral{color:var(--text-secondary)}.inventory-card-actions{display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.inventory-card-buttons{display:flex;gap:var(--space-2);align-items:center}.inventory-card-toggles{display:flex;gap:var(--space-1);margin-top:var(--space-1)}.inventory-card-toggle-badge{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid;cursor:pointer;transition:var(--transition-colors);-webkit-user-select:none;user-select:none}.inventory-card-toggle-badge.active{background-color:var(--accent-blue-bg);color:var(--accent-blue);border-color:var(--accent-blue)}.inventory-card-toggle-badge.inactive{background-color:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-secondary)}.inventory-card-toggle-badge.inactive:hover{background-color:var(--accent-blue-bg);color:var(--accent-blue);border-color:var(--accent-blue)}.inventory-card-badge[data-tooltip],.inventory-card-toggle-badge[data-tooltip]{position:relative;cursor:help}.inventory-card-badge[data-tooltip]:hover:after,.inventory-card-toggle-badge[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--bg-primary);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-base);font-size:var(--text-xs);white-space:nowrap;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);z-index:1000;margin-bottom:var(--space-1);max-width:200px;white-space:normal;word-wrap:break-word;text-align:center}.inventory-card-badge[data-tooltip]:hover:before,.inventory-card-toggle-badge[data-tooltip]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--border-primary);z-index:999}@media (max-width: 768px){.inventory-card-badge[data-tooltip]:hover:after,.inventory-card-toggle-badge[data-tooltip]:hover:after{position:fixed;bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);max-width:280px;margin-bottom:0;font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.inventory-card-badge[data-tooltip]:hover:before,.inventory-card-toggle-badge[data-tooltip]:hover:before{display:none}}@media (max-width: 768px){.inventory-card-actions{grid-area:actions;justify-self:start;margin-top:var(--space-2);align-items:flex-start}.inventory-card-buttons{flex-wrap:wrap}}.inventory-card-action-button{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-base);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-button);display:flex;align-items:center;gap:var(--space-1);min-height:var(--touch-target-min)}.inventory-card-action-button:hover{background-color:var(--bg-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.inventory-card-action-button.primary{background-color:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.inventory-card-action-button.primary:hover{background-color:var(--accent-blue);box-shadow:var(--shadow-md)}.inventory-card-action-button.success{background-color:var(--accent-green);color:#fff;border-color:var(--accent-green)}.inventory-card-action-button.success:hover{background-color:var(--accent-green);box-shadow:var(--shadow-md)}.inventory-card-action-button.danger{background-color:var(--accent-red);color:#fff;border-color:var(--accent-red)}.inventory-card-action-button.danger:hover{background-color:var(--accent-red);box-shadow:var(--shadow-md)}@media (max-width: 768px){.inventory-card-action-button{padding:var(--space-2);font-size:var(--text-xs)}.inventory-card-action-button span{display:none}}.inventory-empty-state{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;color:var(--text-secondary)}.inventory-empty-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.inventory-empty-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.inventory-empty-description{font-size:var(--text-base);color:var(--text-secondary);margin:0}@media (max-width: 768px){.inventory-desktop-only{display:none}}@media (min-width: 769px){.inventory-mobile-only{display:none}}.manage-inventory-container{padding:var(--container-padding-mobile);max-width:100%;overflow-x:visible;overflow-y:auto;width:100%;box-sizing:border-box}@media (min-width: 769px){.manage-inventory-container{padding:var(--container-padding-desktop)}}.manage-inventory-loading{display:flex;justify-content:center;align-items:center;height:50vh;color:var(--text-secondary);font-size:var(--text-base)}.manage-inventory-header{margin-bottom:var(--space-8)}@media (min-width: 769px){.manage-inventory-header{margin-bottom:var(--space-12)}}.manage-inventory-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0;margin-bottom:var(--space-2)}@media (min-width: 769px){.manage-inventory-title{font-size:var(--text-3xl)}}.manage-inventory-description{color:var(--text-secondary);font-size:var(--text-base);margin:0;margin-top:var(--space-2)}@media (min-width: 769px){.manage-inventory-description{font-size:var(--text-lg)}}.manage-inventory-error{color:var(--error-text);background-color:var(--error-bg);border:1px solid var(--error-border);padding:var(--space-4);border-radius:var(--radius-base);margin-bottom:var(--space-6);font-size:var(--text-sm)}@media (min-width: 769px){.manage-inventory-error{padding:var(--space-6);font-size:var(--text-base)}}.manage-inventory-tab-content{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}@media (min-width: 769px){.manage-inventory-tab-content{overflow-x:visible}}.manager-header{margin-bottom:var(--space-8);padding:var(--space-6);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.manager-header.with-action .manager-header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6)}@media (max-width: 768px){.manager-header.with-action .manager-header-content{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}.manager-header-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.manager-header-description{color:var(--text-secondary);font-size:var(--text-base);margin:0}.manager-categories{display:flex;flex-direction:column;gap:var(--space-6)}.manager-category-card{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background-color:var(--bg-tertiary);overflow:hidden;transition:var(--transition-all)}.manager-category-card:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-md)}.manager-category-header{padding:var(--space-6);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-all)}.manager-category-header:hover{background-color:var(--bg-hover)}.manager-category-info{flex:1}.manager-category-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-medium);margin:0;display:flex;align-items:center;gap:var(--space-2)}.manager-category-description{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-1) 0 0 0}.manager-category-chevron{color:var(--text-secondary);transition:transform var(--duration-200) var(--ease-out);display:flex;align-items:center}.manager-category-chevron.expanded{transform:rotate(90deg)}.manager-category-content{padding:var(--space-6)}.manager-coin-types-grid{display:grid;gap:var(--space-4)}.manager-coin-type-mobile{padding:var(--space-6);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);transition:var(--transition-all)}.manager-coin-type-mobile.enabled{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary)}.manager-coin-type-mobile.disabled{background-color:var(--bg-secondary);border:1px solid var(--status-warning);opacity:.7}.manager-coin-type-desktop{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:var(--space-6);padding:var(--space-4);border-radius:var(--radius-base);transition:var(--transition-all)}.manager-coin-type-desktop.enabled{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary)}.manager-coin-type-desktop.disabled{background-color:var(--bg-secondary);border:1px solid var(--status-warning);opacity:.7}.manager-coin-type-header{display:flex;justify-content:space-between;align-items:center}.manager-toggle-label{display:flex;align-items:center;cursor:pointer;gap:var(--space-2)}.manager-toggle-label.desktop{justify-content:center}.manager-toggle-input{margin:0;cursor:pointer}.manager-toggle-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.manager-coin-type-info{flex:1}.manager-coin-type-name{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1);font-size:var(--text-base)}@media (max-width: 768px){.manager-coin-type-name{font-size:var(--text-sm)}}.manager-coin-type-details{font-size:var(--text-sm);color:var(--text-secondary)}@media (max-width: 768px){.manager-coin-type-details{font-size:var(--text-xs)}}.manager-custom-input{border:1px solid var(--border-primary);border-radius:var(--radius-base);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);transition:var(--transition-all)}.manager-custom-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-bg)}.manager-custom-input:disabled{background-color:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed}.manager-custom-input.mobile{padding:var(--space-4);width:100%;box-sizing:border-box;min-height:48px}.manager-custom-input.desktop{padding:var(--space-3);width:200px}.manager-status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;white-space:nowrap}.manager-status-badge.enabled{background-color:var(--accent-green-bg);color:var(--accent-green)}.manager-status-badge.disabled{background-color:var(--accent-yellow-bg);color:var(--accent-yellow)}.manager-empty-state{text-align:center;padding:var(--space-12);color:var(--text-secondary);font-style:italic;font-size:var(--text-base)}.manager-action-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:var(--transition-all);white-space:nowrap}.manager-action-button.primary{background-color:var(--accent-blue);color:#fff}.manager-action-button.primary:hover{background-color:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.manager-action-button.secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.manager-action-button.secondary:hover{background-color:var(--bg-hover)}@media (max-width: 768px){.manager-action-button{width:100%;justify-content:center;padding:var(--space-4) var(--space-6)}}.manager-form-container{margin-bottom:var(--space-12);padding:var(--space-8);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.manager-form-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-medium);margin:0 0 var(--space-6) 0;display:flex;align-items:center;gap:var(--space-2)}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.image-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:90vw;max-height:90vh;width:100%;overflow-y:auto;position:relative}.image-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}.image-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.image-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:6px;transition:all .2s}.image-modal-close:hover{background:#f3f4f6;color:#374151}.image-modal-loading,.image-modal-uploading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.image-modal-uploading{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;z-index:10}.image-grid{padding:1.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;min-height:300px}.image-slot{border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;background:#f9fafb;min-height:280px;height:100%}.image-slot:hover{border-color:#3b82f6;background:#f0f9ff}.image-slot.has-image{border:2px solid #e5e7eb;background:#fff}.image-slot.has-image:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.image-slot.primary{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.empty-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center}.upload-icon{font-size:2rem;margin-bottom:.5rem;opacity:.6}.slot-label{font-weight:600;color:#374151;margin-bottom:.25rem}.upload-hint{font-size:.875rem;color:#6b7280}.image-display{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.image-display img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px}.primary-badge{position:absolute;top:.5rem;left:.5rem;background:#f59e0b;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #0000001a}.image-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.image-slot:hover .image-actions{opacity:1}.btn-set-primary,.btn-delete{background:#000000b3;border:none;color:#fff;width:2rem;height:2rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:background .2s}.btn-set-primary:hover{background:#f59e0b}.btn-delete:hover{background:#ef4444}.upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5}.image-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.image-count{margin:0;color:#6b7280;font-size:.875rem}.btn-secondary{background:#6b7280;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.btn-secondary:hover{background:#4b5563}.spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}@media (max-width: 768px){.image-modal-overlay{padding:.5rem}.image-modal-content{max-width:100vw;max-height:100vh;border-radius:8px}.image-modal-header{padding:1rem}.image-modal-header h3{font-size:1.125rem}.image-grid{padding:1rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.75rem;min-height:300px}.image-slot{min-height:140px}.upload-icon{font-size:1.5rem}.upload-hint{font-size:.75rem}.image-modal-footer{padding:1rem}.image-actions{opacity:1}.btn-set-primary,.btn-delete{width:2.5rem;height:2.5rem;font-size:1rem}}@media (max-width: 480px){.image-grid{padding:.75rem;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:.5rem;min-height:320px}.image-slot{min-height:70px}.slot-label{font-size:.875rem}.upload-hint{display:none}}:root{--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1200px;--spacing-mobile: 1rem;--spacing-tablet: 1.5rem;--spacing-desktop: 2rem;--font-size-h1-mobile: 1.8rem;--font-size-h1-desktop: 2.5rem;--font-size-h2-mobile: 1.4rem;--font-size-h2-desktop: 2rem;--font-size-h3-mobile: 1.2rem;--font-size-h3-desktop: 1.5rem;--font-size-body-mobile: .9rem;--font-size-body-desktop: 1rem;--safe-area-top: env(safe-area-inset-top, 0);--safe-area-right: env(safe-area-inset-right, 0);--safe-area-bottom: env(safe-area-inset-bottom, 0);--safe-area-left: env(safe-area-inset-left, 0);--mobile-nav-height: max(44px, var(--safe-area-bottom))}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.pulse{animation:pulse 2s ease-in-out infinite}.mobile-only{display:block}.tablet-only,.desktop-only{display:none}@media (min-width: 769px) and (max-width: 1024px){.mobile-only{display:none}.tablet-only{display:block}.desktop-only{display:none}}@media (min-width: 1025px){.mobile-only,.tablet-only{display:none}.desktop-only{display:block}}.container-responsive{padding:var(--spacing-mobile);max-width:100%;overflow:hidden}@media (min-width: 769px){.container-responsive{padding:var(--spacing-tablet)}}@media (min-width: 1025px){.container-responsive{padding:var(--spacing-desktop)}}.flex-responsive{display:flex;flex-direction:column;gap:1rem}@media (min-width: 769px){.flex-responsive{flex-direction:row;gap:1.5rem}}.grid-responsive-1,.grid-responsive-2{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 769px){.grid-responsive-2{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.grid-responsive-3{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 769px){.grid-responsive-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.grid-responsive-3{grid-template-columns:repeat(3,1fr);gap:2rem}}.grid-responsive-4{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 769px){.grid-responsive-4{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width: 1025px){.grid-responsive-4{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (min-width: 1200px){.grid-responsive-4{grid-template-columns:repeat(4,1fr);gap:2rem}}.grid-auto-fit{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 769px){.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}}.p-responsive{padding:var(--spacing-mobile)}@media (min-width: 769px){.p-responsive{padding:var(--spacing-tablet)}}@media (min-width: 1025px){.p-responsive{padding:var(--spacing-desktop)}}.m-responsive{margin:var(--spacing-mobile)}@media (min-width: 769px){.m-responsive{margin:var(--spacing-tablet)}}@media (min-width: 1025px){.m-responsive{margin:var(--spacing-desktop)}}.mb-responsive{margin-bottom:var(--spacing-mobile)}@media (min-width: 769px){.mb-responsive{margin-bottom:var(--spacing-tablet)}}@media (min-width: 1025px){.mb-responsive{margin-bottom:var(--spacing-desktop)}}.h1-responsive{font-size:var(--font-size-h1-mobile);line-height:1.2;font-weight:700}@media (min-width: 769px){.h1-responsive{font-size:var(--font-size-h1-desktop)}}.h2-responsive{font-size:var(--font-size-h2-mobile);line-height:1.2;font-weight:700}@media (min-width: 769px){.h2-responsive{font-size:var(--font-size-h2-desktop)}}.h3-responsive{font-size:var(--font-size-h3-mobile);line-height:1.2;font-weight:700}@media (min-width: 769px){.h3-responsive{font-size:var(--font-size-h3-desktop)}}.text-responsive{font-size:var(--font-size-body-mobile);line-height:1.4}@media (min-width: 769px){.text-responsive{font-size:var(--font-size-body-desktop);line-height:1.5}}.inventory-card-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;margin-right:.25rem;margin-bottom:.25rem;transition:all .2s ease}.inventory-card-badge.premium{background-color:#8b5cf6;color:#fff}.inventory-card-badge.ebay-export{background-color:#06c;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.inventory-card-badge.ebay-export:hover{background-color:#0052a3;transform:scale(1.05)}.inventory-card-badge.ebay-export:active{transform:scale(.98)}.inventory-card-badge.whatnot-export{background-color:#ff6b35;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.inventory-card-badge.whatnot-export:hover{background-color:#e55a2b;transform:scale(1.05)}.inventory-card-badge.whatnot-export:active{transform:scale(.98)}.btn-responsive{padding:.875rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;min-height:48px;width:100%;max-width:300px}@media (min-width: 769px){.btn-responsive{padding:.75rem 2rem;font-size:16px;min-height:auto;width:auto;max-width:none}}.card-responsive{background:var(--bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}@media (min-width: 769px){.card-responsive{padding:2rem;border-radius:8px}}.modal-responsive{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;z-index:1000;padding:2rem 1rem 1rem;overflow-y:auto}@media (min-width: 769px){.modal-responsive{align-items:center;padding:0;overflow-y:hidden}}.modal-content-responsive{background:var(--bg-primary);border-radius:16px;padding:1.5rem;width:100%;max-width:100%;max-height:none;overflow-y:visible}@media (min-width: 769px){.modal-content-responsive{border-radius:12px;padding:2rem;width:90%;max-width:700px;max-height:90vh;overflow-y:auto}}.touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.touch-target{min-height:48px;min-width:48px}}.touch-feedback{transition:transform .1s ease}@media (max-width: 768px){.touch-feedback:active{transform:scale(.98)}}.w-full-mobile{width:100%}@media (min-width: 769px){.w-full-mobile{width:auto}}.stack-mobile{flex-direction:column;gap:1rem}@media (min-width: 769px){.stack-mobile{flex-direction:row;gap:1.5rem}}.center-mobile{text-align:center}@media (min-width: 769px){.center-mobile{text-align:left}}@media (max-width: 768px){input[type=text],input[type=number],input[type=email],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week],input[type=password],select,textarea{font-size:16px!important;min-height:48px!important;padding:.75rem!important;box-sizing:border-box!important}body{overflow-x:hidden!important}*{max-width:100%!important;box-sizing:border-box!important}form [style*=gridTemplateColumns][style*="1fr 1fr"]:not([style*=repeat]),.form-group [style*=gridTemplateColumns][style*="1fr 1fr"]:not([style*=repeat]),.form-section [style*=gridTemplateColumns][style*="1fr 1fr"]:not([style*=repeat]){grid-template-columns:1fr!important}.price-range-filter [style*="display: flex"],.price-range-filter [style*=flexDirection]{display:flex!important;flex-direction:column!important}form [style*=gridTemplateColumns][style*="1fr 1fr 1fr"],form [style*=gridTemplateColumns][style*="1fr 1fr 1fr 1fr"],form [style*=gridTemplateColumns][style*="1fr 1fr 1fr 1fr 1fr"],.form-group [style*=gridTemplateColumns][style*="1fr 1fr 1fr"],.form-group [style*=gridTemplateColumns][style*="1fr 1fr 1fr 1fr"],.form-section [style*=gridTemplateColumns][style*="1fr 1fr 1fr"],form [style*=gridTemplateColumns][style*="2fr 1fr"],form [style*=gridTemplateColumns][style*="150px"],form [style*=gridTemplateColumns][style*="120px"],form [style*=gridTemplateColumns][style*="200px"],.form-group [style*=gridTemplateColumns][style*="2fr 1fr"],.form-section [style*=gridTemplateColumns][style*="2fr 1fr"]{grid-template-columns:1fr!important}form [style*="display: flex"][style*=gap]:not([style*=flex-direction]),.form-group [style*="display: flex"][style*=gap]:not([style*=flex-direction]),.form-section [style*="display: flex"][style*=gap]:not([style*=flex-direction]){flex-direction:column!important}div[style*="position: fixed"][style*="zIndex: 1000"]{-webkit-overflow-scrolling:touch!important}button,.btn{min-height:48px!important;padding:.75rem 1rem!important;font-size:16px!important}h1{font-size:1.8rem!important}h2{font-size:1.4rem!important}h3{font-size:1.2rem!important}h4{font-size:1.1rem!important}.form-group,.mb-responsive{margin-bottom:1rem!important}.grid-responsive-2,.grid-responsive-3,.grid-responsive-4{grid-template-columns:1fr!important}.w-full-mobile{width:100%!important}}.app-container{display:flex;min-height:100vh;min-height:100dvh;position:relative;overflow:hidden}.app-main-content{flex:1;margin-left:250px;min-height:100vh;min-height:100dvh;overflow-y:auto;overflow-x:hidden;transition:margin-left .3s ease;padding-top:var(--safe-area-top);padding-right:var(--safe-area-right);padding-left:var(--safe-area-left)}.app-main-content.nav-collapsed{margin-left:60px}@media (max-width: 768px){.app-container{flex-direction:column}.app-main-content{margin-left:0;padding-bottom:var(--mobile-nav-height)}.app-main-content.nav-collapsed{margin-left:0}.app-container,.app-main-content{min-height:-webkit-fill-available}.navigation-user-section{padding-bottom:calc(var(--space-5) + var(--mobile-nav-height))!important}}@media screen and (max-device-width: 768px){input[type=text],input[type=number],input[type=email],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week],input[type=password],select,textarea{font-size:16px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}*{-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}}.inventory-action-button.certificate{background:linear-gradient(135deg,#6f42c1,#007bff);border:none;color:#fff;position:relative;overflow:hidden;transition:all .3s ease}.inventory-action-button.certificate:before{content:"🏆";position:absolute;top:2px;right:2px;font-size:.7em;opacity:.7}.inventory-action-button.certificate:hover{background:linear-gradient(135deg,#5a359a,#0056b3);transform:translateY(-1px);box-shadow:0 4px 12px #6f42c14d}.inventory-action-button.certificate:active{transform:translateY(0);box-shadow:0 2px 6px #6f42c14d}.shop-inquiry-modal{max-width:600px;padding:2rem;border-radius:12px;box-shadow:0 20px 40px #00000026}.shop-inquiry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e9ecef}.shop-inquiry-title{font-size:1.75rem;font-weight:700;color:#2c3e50;margin:0;line-height:1.2}.shop-inquiry-close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#6c757d;padding:.25rem .5rem;border-radius:6px;transition:all .2s ease;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.shop-inquiry-close-btn:hover{background-color:#f8f9fa;color:#dc3545;transform:scale(1.05)}.shop-inquiry-item-details{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;padding:1rem;margin-bottom:1.5rem;border:1px solid #dee2e6;box-shadow:0 2px 4px #0000000d}.shop-inquiry-item-details h3{font-size:1.1rem;font-weight:600;color:#495057;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #dee2e6}.shop-inquiry-item-info{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.shop-inquiry-detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid rgba(222,226,230,.3);gap:.75rem}.shop-inquiry-detail-row:last-child,.shop-inquiry-detail-row:nth-last-child(2){border-bottom:none}.shop-inquiry-label{font-weight:600;color:#495057;font-size:.9rem;min-width:80px;flex-shrink:0}.shop-inquiry-value{color:#212529;font-weight:500;text-align:left;flex:1;font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word}.shop-inquiry-detail-row:has(.shop-inquiry-label:contains("Asking Price")) .shop-inquiry-value{color:#28a745;font-weight:700;font-size:1rem}.shop-inquiry-form{display:flex;flex-direction:column;gap:1.5rem}.shop-inquiry-form-group{display:flex;flex-direction:column;gap:.5rem}.shop-inquiry-label{font-weight:600;color:#495057;font-size:.95rem;margin-bottom:.5rem}.shop-inquiry-textarea,.shop-inquiry-input{width:100%;padding:.875rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .2s ease;background-color:#fff;box-sizing:border-box}.shop-inquiry-textarea:focus,.shop-inquiry-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;transform:translateY(-1px)}.shop-inquiry-textarea{resize:vertical;min-height:120px;font-family:inherit}.shop-inquiry-input::placeholder,.shop-inquiry-textarea::placeholder{color:#adb5bd;font-style:italic}.shop-inquiry-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;border-radius:8px;padding:1rem;color:#721c24;font-weight:500;display:flex;align-items:center;gap:.5rem}.shop-inquiry-error:before{content:"⚠️";font-size:1.1rem}.shop-inquiry-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;border-radius:12px;padding:2rem;text-align:center;color:#155724;animation:slideIn .3s ease}.shop-inquiry-success-icon{font-size:3rem;color:#28a745;margin-bottom:1rem;animation:bounce .6s ease}.shop-inquiry-success p{font-size:1.1rem;font-weight:600;margin:0}.shop-inquiry-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.shop-inquiry-cancel{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.shop-inquiry-cancel:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.shop-inquiry-send{background:linear-gradient(135deg,#007bff,#0056b3);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;position:relative;overflow:hidden}.shop-inquiry-send:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.shop-inquiry-send:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.shop-inquiry-send:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.shop-inquiry-send:hover:before{left:100%}@media (max-width: 768px){.shop-inquiry-modal{margin:1rem;padding:1.5rem;max-width:calc(100vw - 2rem)}.shop-inquiry-title{font-size:1.5rem}.shop-inquiry-item-info{grid-template-columns:1fr;gap:.25rem}.shop-inquiry-detail-row{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.375rem 0}.shop-inquiry-value{text-align:left}.shop-inquiry-actions{flex-direction:column}.shop-inquiry-cancel,.shop-inquiry-send{width:100%;min-width:unset}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.personal-info-tab{padding:var(--space-8)}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-primary)}.tab-header h2{margin:0;font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--text-primary)}.edit-btn{background:var(--accent-blue);color:var(--text-on-accent);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-base);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--space-2)}.edit-btn:hover{background:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.edit-btn:active{transform:translateY(0)}.success-message,.error-message{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-weight:var(--font-medium);animation:slideIn .3s ease-out}.success-message{background:var(--accent-green-bg);color:var(--accent-green-text);border:1px solid var(--accent-green-border)}.error-message{background:var(--accent-red-bg);color:var(--accent-red-text);border:1px solid var(--accent-red-border)}.success-icon,.error-icon{font-size:var(--text-xl);flex-shrink:0}.edit-form{background:var(--bg-secondary);padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.form-group input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-base);font-size:var(--text-base);transition:all .3s ease;background:var(--bg-primary);box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--accent-blue);box-shadow:var(--shadow-focus-blue)}.form-group input:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.field-note{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);font-style:italic}.form-actions{display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-secondary)}.cancel-btn,.save-btn{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-base);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .3s ease;min-width:120px}.cancel-btn{background:var(--text-secondary);color:var(--text-on-accent)}.cancel-btn:hover{background:var(--text-primary);transform:translateY(-1px)}.save-btn{background:var(--accent-green);color:var(--text-on-accent)}.save-btn:hover:not(:disabled){background:var(--accent-green-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.save-btn:disabled{background:var(--bg-disabled);cursor:not-allowed;transform:none}.info-display{padding:var(--space-4) 0}.info-section{margin-bottom:var(--space-10)}.info-section:last-child{margin-bottom:0}.info-section h3{margin:0 0 var(--space-6) 0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);padding-bottom:var(--space-2);border-bottom:2px solid var(--border-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.info-item{display:flex;flex-direction:column;padding:var(--space-5);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);transition:all .3s ease}.info-item:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.info-item label{font-weight:var(--font-semibold);color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.info-item span{font-size:var(--text-lg);color:var(--text-primary);font-weight:var(--font-medium);word-break:break-word}.admin-badge{background:var(--accent-red-gradient);color:var(--text-on-accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xl);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px;display:inline-block;box-shadow:var(--shadow-md)}@media (max-width: 768px){.personal-info-tab{padding:var(--space-6)}.tab-header{flex-direction:column;gap:var(--space-4);text-align:center}.tab-header h2{font-size:var(--text-2xl)}.edit-form{padding:var(--space-6)}.info-grid{grid-template-columns:1fr;gap:var(--space-4)}.form-actions{flex-direction:column-reverse;gap:var(--space-3)}.cancel-btn,.save-btn{width:100%;padding:var(--space-4)}}@media (max-width: 480px){.personal-info-tab{padding:var(--space-4)}.tab-header h2{font-size:var(--text-xl)}.edit-form,.info-item{padding:var(--space-4)}.form-group input{padding:var(--space-4);font-size:var(--text-base)}}.subscription-tab{padding:var(--space-6);max-width:1200px;margin:0 auto;background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);min-height:600px}.subscription-tab .tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-primary)}.subscription-tab .tab-header h2{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;text-shadow:var(--shadow-text)}.subscription-tab .upgrade-btn{background:var(--accent-blue-gradient);color:var(--text-on-accent);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-lg)}.subscription-tab .upgrade-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.subscription-tab .current-plan{margin-bottom:var(--space-8)}.subscription-tab .current-plan h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.subscription-tab .plan-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);transition:transform .3s ease,box-shadow .3s ease}.subscription-tab .plan-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.subscription-tab .plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.subscription-tab .plan-name{color:var(--text-on-accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.subscription-tab .plan-status{background:var(--accent-green-gradient);color:var(--text-on-accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.subscription-tab .plan-description{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-6);line-height:1.6}.subscription-tab .plan-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.subscription-tab .detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border-left:4px solid var(--accent-blue)}.subscription-tab .detail-item label{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.subscription-tab .detail-item span{color:var(--text-secondary);font-size:var(--text-sm)}.subscription-tab .plan-features{margin-bottom:var(--space-8)}.subscription-tab .plan-features h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.subscription-tab .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}.subscription-tab .feature-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);transition:all .3s ease}.subscription-tab .feature-item:hover{background:var(--bg-secondary);transform:translate(5px)}.subscription-tab .feature-icon{margin-right:var(--space-3);font-size:var(--text-lg)}.subscription-tab .feature-name{color:var(--text-primary);font-weight:var(--font-medium);font-size:var(--text-sm)}.subscription-tab .premium-features{margin-bottom:var(--space-8)}.subscription-tab .premium-features h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.subscription-tab .premium-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.subscription-tab .premium-item{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);transition:all .3s ease}.subscription-tab .premium-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.subscription-tab .premium-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.subscription-tab .premium-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.subscription-tab .premium-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase}.subscription-tab .premium-status.enabled{background:var(--accent-green-gradient);color:var(--text-on-accent)}.subscription-tab .premium-status.disabled{background:var(--accent-red-gradient);color:var(--text-on-accent)}.subscription-tab .premium-description{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.subscription-tab .premium-note{color:var(--text-tertiary);font-size:var(--text-xs);font-style:italic}.subscription-tab .feature-matrix{margin-bottom:var(--space-8)}.subscription-tab .feature-matrix h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.subscription-tab .matrix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.subscription-tab .matrix-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);transition:all .3s ease}.subscription-tab .matrix-item:hover{background:var(--bg-secondary);transform:translateY(-1px)}.subscription-tab .matrix-label{font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}.subscription-tab .matrix-status{padding:var(--space-1) var(--space-2);border-radius:var(--radius-xl);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase}.subscription-tab .matrix-status.enabled{background:var(--accent-green-gradient);color:var(--text-on-accent)}.subscription-tab .matrix-status.disabled{background:var(--accent-red-gradient);color:var(--text-on-accent)}.subscription-tab .upgrade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-dark);display:flex;justify-content:center;align-items:center;z-index:1000}.subscription-tab .upgrade-modal{background:var(--bg-primary);border-radius:var(--radius-2xl);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-2xl)}.subscription-tab .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border-primary)}.subscription-tab .modal-header h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.subscription-tab .close-btn{background:none;border:none;font-size:var(--text-2xl);cursor:pointer;color:var(--text-secondary);transition:color .3s ease}.subscription-tab .close-btn:hover{color:var(--accent-red)}.subscription-tab .modal-content{padding:var(--space-6)}.subscription-tab .upgrade-info h3{color:var(--text-primary);margin-bottom:var(--space-4)}.subscription-tab .upgrade-info ul{margin:var(--space-4) 0;padding-left:var(--space-6)}.subscription-tab .upgrade-info li{margin-bottom:var(--space-2);color:var(--text-secondary)}.subscription-tab .modal-actions{display:flex;justify-content:flex-end;margin-top:var(--space-6)}.subscription-tab .close-modal-btn{background:var(--text-secondary);color:var(--text-on-accent);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all .3s ease}.subscription-tab .close-modal-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.subscription-tab{padding:var(--space-4)}.subscription-tab .tab-header{flex-direction:column;gap:var(--space-4);text-align:center}.subscription-tab .features-grid,.subscription-tab .matrix-grid{grid-template-columns:1fr}}@media (max-width: 480px){.subscription-tab .plan-details,.subscription-tab .premium-grid{grid-template-columns:1fr}}.notifications-tab{padding:var(--space-6);max-width:1200px;margin:0 auto;background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);min-height:600px}.notifications-tab .notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-primary)}.notifications-tab .notifications-title{display:flex;align-items:center;gap:var(--space-4)}.notifications-tab .notifications-title h2{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;text-shadow:var(--shadow-text)}.notifications-tab .unread-badge{background:var(--accent-red-gradient);color:var(--text-on-accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.notifications-tab .notifications-actions{display:flex;gap:var(--space-4);align-items:center}.notifications-tab .compose-btn{background:var(--accent-green-gradient);color:var(--text-on-accent);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-2)}.notifications-tab .compose-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.notifications-tab .mark-all-read-btn{background:var(--accent-blue-gradient);color:var(--text-on-accent);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-lg)}.notifications-tab .mark-all-read-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.notifications-tab .notifications-filters{display:flex;gap:var(--space-8);align-items:center;margin-bottom:var(--space-8);padding:var(--space-4);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.notifications-tab .filter-group{display:flex;align-items:center;gap:var(--space-2)}.notifications-tab .filter-group label{font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}.notifications-tab .filter-group select{padding:var(--space-2) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);background:var(--bg-primary);cursor:pointer;transition:all .3s ease}.notifications-tab .filter-group select:focus{outline:none;border-color:var(--accent-blue);box-shadow:var(--shadow-focus-blue)}.notifications-tab .filter-group input[type=checkbox]{margin-right:var(--space-2);transform:scale(1.2);cursor:pointer}.notifications-tab .notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.notifications-tab .loading-spinner{width:40px;height:40px;border:4px solid var(--border-primary);border-top:4px solid var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.notifications-tab .notifications-error{display:flex;flex-direction:column;align-items:center;padding:var(--space-8);background:var(--accent-red-bg);border:1px solid var(--accent-red-border);border-radius:var(--radius-xl);margin-bottom:var(--space-8)}.notifications-tab .notifications-error p{color:var(--accent-red-text);font-weight:var(--font-medium);margin-bottom:var(--space-4)}.notifications-tab .notifications-error button{background:var(--accent-red-gradient);color:var(--text-on-accent);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all .3s ease}.notifications-tab .notifications-error button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.notifications-tab .notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.notifications-tab .empty-icon{font-size:4rem;margin-bottom:var(--space-4)}.notifications-tab .notifications-empty h3{color:var(--text-primary);font-size:var(--text-2xl);margin-bottom:var(--space-2)}.notifications-tab .notifications-empty p{color:var(--text-secondary);font-size:var(--text-base);max-width:400px}.notifications-tab .notifications-list{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.notifications-tab .notifications-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.notifications-tab .notifications-pagination button{background:var(--accent-blue-gradient);color:var(--text-on-accent);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-lg)}.notifications-tab .notifications-pagination button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.notifications-tab .notifications-pagination button:disabled{background:var(--bg-disabled);cursor:not-allowed;box-shadow:none}.notifications-tab .pagination-info{font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm);padding:0 var(--space-4)}@media (max-width: 768px){.notifications-tab{padding:var(--space-4)}.notifications-tab .notifications-header{flex-direction:column;gap:var(--space-4);text-align:center}.notifications-tab .notifications-actions{flex-direction:column;width:100%}.notifications-tab .notifications-actions button{width:100%}.notifications-tab .notifications-filters{flex-direction:column;gap:var(--space-4)}.notifications-tab .notifications-pagination{flex-direction:column;gap:var(--space-2)}}@media (max-width: 480px){.notifications-tab .notifications-title{flex-direction:column;gap:var(--space-2)}}.settings-tab{padding:1.5rem;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#fafafa,#f0f0f0);border-radius:12px;box-shadow:0 8px 32px #00000014;min-height:600px}.settings-tab .tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.settings-tab .tab-header h2{font-size:2rem;font-weight:700;color:#2c3e50;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.settings-tab .success-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;font-weight:500;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb;box-shadow:0 4px 16px #1557241a}.settings-tab .success-icon{font-size:1.2rem;flex-shrink:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-tab .settings-section{margin-bottom:2.5rem;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 6px 24px #00000014;border:1px solid #e8e8e8;transition:all .3s ease}.settings-tab .settings-section:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.settings-tab .settings-section h3{font-size:1.4rem;font-weight:600;color:#2c3e50;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e9ecef;display:flex;align-items:center;gap:.5rem}.settings-tab .settings-section h3:before{content:"⚙️";font-size:1.2rem}.settings-tab .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.settings-tab .setting-item{padding:1.25rem;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef;transition:all .3s ease;position:relative;overflow:hidden}.settings-tab .setting-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#3498db,#2980b9);transition:width .3s ease}.settings-tab .setting-item:hover{background:#fff;transform:translate(5px);box-shadow:0 4px 16px #0000001a}.settings-tab .setting-item:hover:before{width:6px}.settings-tab .setting-label{display:flex;align-items:flex-start;cursor:pointer;position:relative;padding-left:3rem;margin:0}.settings-tab .setting-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.settings-tab .checkmark{position:absolute;left:0;top:.25rem;height:1.5rem;width:1.5rem;background:#e9ecef;border-radius:4px;border:2px solid #dee2e6;transition:all .3s ease}.settings-tab .setting-label:hover .checkmark{background:#dee2e6;border-color:#3498db;transform:scale(1.05)}.settings-tab .setting-label input:checked+.checkmark{background:linear-gradient(135deg,#27ae60,#2ecc71);border-color:#27ae60;box-shadow:0 4px 12px #27ae604d}.settings-tab .checkmark:after{content:"";position:absolute;display:none;left:.4rem;top:.1rem;width:.4rem;height:.8rem;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.settings-tab .setting-label input:checked+.checkmark:after{display:block}.settings-tab .setting-info{flex:1}.settings-tab .setting-name{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem;line-height:1.3}.settings-tab .setting-description{font-size:.9rem;color:#7f8c8d;line-height:1.5;margin:0}.settings-tab .settings-actions{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:2px solid #e9ecef}.settings-tab .save-settings-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:1rem 2.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #27ae604d;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.settings-tab .save-settings-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.settings-tab .save-settings-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #27ae6066;background:linear-gradient(135deg,#2ecc71,#27ae60)}.settings-tab .save-settings-btn:hover:before{left:100%}.settings-tab .save-settings-btn:active{transform:translateY(-1px)}.settings-tab .save-settings-btn:disabled{background:linear-gradient(135deg,#95a5a6,#7f8c8d);cursor:not-allowed;transform:none;box-shadow:0 4px 12px #95a5a64d}.settings-tab .save-settings-btn:disabled:before{display:none}.settings-tab .settings-section:nth-child(3) h3:before{content:"🔒"}.settings-tab .settings-section:nth-child(4) h3:before{content:"📱"}.settings-tab .setting-item:not(:has(.setting-label)){background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #6c757d}.settings-tab .setting-item:not(:has(.setting-label)):hover{transform:none;background:linear-gradient(135deg,#e9ecef,#dee2e6)}.settings-tab .setting-item:not(:has(.setting-label)):before{background:linear-gradient(135deg,#6c757d,#495057)}.settings-tab .setting-info .setting-name:before{margin-right:.5rem;font-size:1rem}.settings-tab .setting-item:has(input[type=checkbox]) .setting-name:before{content:"🔔"}.settings-tab .setting-item:not(:has(.setting-label)) .setting-name:before{content:"ℹ️"}@media (max-width: 768px){.settings-tab{padding:1rem}.settings-tab .tab-header h2{font-size:1.6rem}.settings-tab .settings-section{padding:1.5rem}.settings-tab .settings-grid{grid-template-columns:1fr;gap:1rem}.settings-tab .setting-item{padding:1rem}.settings-tab .save-settings-btn{width:100%;padding:1.2rem}}@media (max-width: 480px){.settings-tab{padding:.75rem}.settings-tab .tab-header h2{font-size:1.4rem}.settings-tab .settings-section{padding:1rem}.settings-tab .setting-label{padding-left:2.5rem}.settings-tab .checkmark{height:1.25rem;width:1.25rem}.settings-tab .setting-name{font-size:1rem}.settings-tab .setting-description{font-size:.85rem}}.profile-container{max-width:1200px;margin:0 auto;padding:var(--space-8);background-color:var(--bg-secondary);min-height:100vh}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-primary);border-left:4px solid var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-header{display:flex;align-items:center;gap:var(--space-8);background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-8);box-shadow:var(--shadow-md)}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--accent-blue-gradient);display:flex;align-items:center;justify-content:center;color:var(--text-on-accent);font-size:var(--text-xl);font-weight:var(--font-bold);flex-shrink:0}.avatar-text{text-transform:uppercase}.profile-info{flex:1}.profile-name{margin:0 0 var(--space-2) 0;font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--text-primary)}.profile-email{margin:0 0 var(--space-4) 0;color:var(--text-secondary);font-size:var(--text-lg)}.profile-plan{margin:0}.plan-badge{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-on-accent);text-transform:uppercase;letter-spacing:.5px}.profile-nav{background:var(--bg-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-8);box-shadow:var(--shadow-md)}.profile-tabs{display:flex;border-bottom:1px solid var(--border-primary);overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.profile-tabs::-webkit-scrollbar{display:none}@media (max-width: 768px){.profile-tabs{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--accent-blue) var(--bg-secondary);-ms-overflow-style:auto}.profile-tabs::-webkit-scrollbar{display:block;height:4px}.profile-tabs::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:2px}.profile-tabs::-webkit-scrollbar-thumb{background:var(--accent-blue);border-radius:2px}.profile-tabs::-webkit-scrollbar-thumb:hover{background:var(--accent-blue-hover)}}.profile-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border:none;background:none;cursor:pointer;font-size:var(--text-base);color:var(--text-secondary);transition:all .3s ease;white-space:nowrap;position:relative}.profile-tab:hover{background-color:var(--bg-secondary);color:var(--accent-blue)}.profile-tab.active{color:var(--accent-blue);font-weight:var(--font-semibold)}.profile-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--accent-blue)}.tab-icon{font-size:var(--text-lg)}.tab-label{font-size:var(--text-sm)}.tab-badge{background:var(--accent-red);color:var(--text-on-accent);border-radius:var(--radius-xl);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);min-width:20px;text-align:center}.profile-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}@media (max-width: 768px){.profile-container{padding:var(--space-4)}.profile-header{flex-direction:column;text-align:center;gap:var(--space-4)}.profile-avatar{width:60px;height:60px;font-size:var(--text-xl)}.profile-name{font-size:var(--text-2xl)}.profile-tabs{flex-wrap:nowrap}.profile-tab{flex:1;min-width:120px;justify-content:center;padding:var(--space-3) var(--space-4)}.tab-label{font-size:var(--text-xs)}}@media (max-width: 480px){.profile-container{padding:var(--space-2)}.profile-header{padding:var(--space-6)}.profile-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.tab-icon{font-size:var(--text-base)}.tab-label{font-size:var(--text-xs)}}