@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-background:#f5f5f7;--color-surface:#fff;--color-surface-translucent:#ffffffd9;--color-surface-hover:#0000000a;--color-primary:#0071e3;--color-primary-hover:#0077ed;--color-primary-soft:#eff6ff;--color-secondary:#e8e8ed;--color-secondary-hover:#d8d8e0;--color-accent:#8b5cf6;--color-accent-soft:#8b5cf61a;--color-text:#1d1d1f;--color-text-secondary:#374151;--color-text-muted:#86868b;--color-border:#00000014;--color-border-solid:#e5e7eb;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-soft:#ef44441a;--color-success:#16a34a;--color-success-soft:#10a34a1a;--color-warning:#d97706;--color-warning-soft:#f59e0b1a;--color-canvas-bg:#e5e5e5;--color-canvas-grid:#d4d4d4;--color-builder-panel-border:#f3f4f6;--color-nft-badge-bg:#ffffffbf;--color-nft-badge-border:#0000000d;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 32px #0000001f;--shadow-primary:0 4px 12px #0071e34d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:24px;--space-1:4px;--space-2:8px;--space-4:16px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--blur-md:blur(20px);--gradient-hero:radial-gradient(circle at center, var(--color-surface) 0%, var(--color-background) 100%);--gradient-hero-text:linear-gradient(135deg, #1d1d1f 0%, #434346 100%)}.dark{--color-background:#0a0a0a;--color-surface:#161616;--color-surface-translucent:#161616e6;--color-surface-hover:#ffffff0f;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-primary-soft:#3b82f626;--color-secondary:#262626;--color-secondary-hover:#333;--color-accent:#a78bfa;--color-accent-soft:#a78bfa26;--color-text:#f5f5f5;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-border:#ffffff14;--color-border-solid:#2a2a2a;--color-danger:#f87171;--color-danger-hover:#ef4444;--color-danger-soft:#f8717126;--color-success:#4ade80;--color-success-soft:#4ade8026;--color-warning:#fbbf24;--color-warning-soft:#fbbf2426;--color-canvas-bg:#1a1a1a;--color-canvas-grid:#2a2a2a;--color-builder-panel-border:#222;--color-nft-badge-bg:#161616d9;--color-nft-badge-border:#ffffff14;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 8px 24px #0000001f;--shadow-lg:0 16px 48px #00000029;--shadow-primary:0 8px 24px #3b82f633;--gradient-hero:radial-gradient(circle at center, #1a1a1a 0%, var(--color-background) 100%);--gradient-hero-text:linear-gradient(135deg, #f5f5f5 0%, #a0a0a5 100%)}body,.card,.btn,.btn-primary,.btn-secondary,.btn-danger,a,.nav-item,.stat-card,.product-card,.settings-section,.settings-field input,.settings-field select,.settings-field textarea,.form-control,.auth-card,.modal-content,.topbar,.producer-sidebar,.settings-sidebar-item,.pro-builder-topbar,.pro-builder-left-sidebar,.pro-builder-right-sidebar,.pro-builder-canvas-area,.layer-list-item,.builder-btn,.builder-input,.upload-area,.nft-badge,.product-info,.toggle-btn,.editor-sidebar,.editor-toolbar,.toggle-track,.breadcrumb,.detail-visualizer,.detail-description,.nft-details-box,.blockchain-info,.page-header,.earnings-table th,.earnings-table td,.login-history-table th,.login-history-table td,.danger-zone{transition:all .3s ease-out}.theme-toggle-btn{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.125rem;line-height:1;display:inline-flex}.theme-toggle-btn:hover{background:var(--color-surface-hover)}.theme-toggle-icon{justify-content:center;align-items:center;display:flex}.right-actions{flex-flow:row!important;flex-shrink:0!important;justify-content:flex-end!important;align-items:center!important;gap:1.5rem!important;width:auto!important;display:flex!important;position:relative!important}.right-actions>*{flex-shrink:0!important}.theme-toggle-btn{flex-direction:row!important;justify-content:center!important;align-items:center!important;margin:0!important;display:inline-flex!important;position:static!important}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text);letter-spacing:-.022em;line-height:1.47059}a{color:var(--color-primary);text-decoration:none}a:hover{opacity:.8}.btn{letter-spacing:-.01em;border-radius:var(--radius-pill);cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:active{transform:scale(.99)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-primary)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-secondary-hover)}.btn-danger{background-color:var(--color-danger-soft);color:var(--color-danger);border:1px solid #ef444433}.btn-danger:hover{background-color:var(--color-danger);color:#fff;box-shadow:0 4px 12px #ef444433}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--color-text);font-size:.875rem;font-weight:500}.form-control{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;color:var(--color-text);font-family:var(--font-sans);padding:.875rem 1rem;font-size:1rem}.form-control:focus{border-color:var(--color-primary);background-color:var(--color-surface);outline:none;box-shadow:0 0 0 3px #0071e333}.card{background:var(--color-surface);background:var(--color-surface-translucent);-webkit-backdrop-filter:var(--blur-md);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:2rem}.page-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1rem;display:flex}.page-header h1{letter-spacing:-.04em;font-size:2rem;font-weight:600}.home-container{flex-direction:column;min-height:100vh;display:flex}.home-nav{z-index:10;justify-content:space-between;align-items:center;padding:1.5rem 4rem;display:flex;position:absolute;top:0;left:0;right:0}.nav-logo{letter-spacing:-.02em;color:var(--color-text);font-size:1.25rem;font-weight:600}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link-muted{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.home-hero{text-align:center;background:var(--gradient-hero);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 2rem;display:flex}.hero-title{letter-spacing:-.05em;background:var(--gradient-hero-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:800px;margin-bottom:1.5rem;font-size:5rem;font-weight:700;line-height:1.05}.hero-subtitle{color:var(--color-text-muted);max-width:600px;margin-bottom:3rem;font-size:1.5rem;font-weight:400}.hero-actions{gap:1rem;display:flex}.hero-actions .btn{padding:1rem 2.5rem;font-size:1.125rem}@media (max-width:768px){.home-nav{padding:1rem 1.5rem}.nav-logo{font-size:1.125rem}.nav-links{gap:.75rem}.nav-link-muted{display:none}.home-hero{padding:0 1.5rem}.hero-title{font-size:3rem}.hero-subtitle{margin-bottom:2rem;font-size:1.125rem}.hero-actions{flex-direction:column;width:100%;max-width:300px}.hero-actions .btn{width:100%;padding:.875rem 1.5rem;font-size:1rem}}.logo-light-only{display:block}.logo-dark-only,html.dark .logo-light-only{display:none}html.dark .logo-dark-only{display:block}@media (max-width:375px){:root{--space-2:6px;--space-4:12px;--space-8:24px;--space-12:36px}body{font-size:.95rem;line-height:1.4}.btn{padding:.5rem 1rem;font-size:.875rem}.hero-title{margin-bottom:1rem;font-size:2rem}.hero-subtitle{margin-bottom:1.5rem;font-size:1rem}.home-nav{padding:.75rem 1rem}.nav-logo{font-size:1rem}.nav-links{gap:.5rem}.home-hero{padding:0 1rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.8rem}.form-control{padding:.75rem .875rem;font-size:.875rem}.card{padding:1.5rem}.page-header{margin-bottom:1.5rem;padding-bottom:.75rem}.page-header h1{font-size:1.5rem}}body{top:0!important}.skiptranslate,#google_translate_element{display:none!important}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes fadeInStagger{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeletons-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.skeleton-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);animation:.4s ease-out fadeInStagger;overflow:hidden}.skeleton-image{aspect-ratio:1;background:linear-gradient(to right, var(--color-secondary) 8%, var(--color-border-solid) 18%, var(--color-secondary) 33%);background-size:800px 104px;animation:1.5s linear infinite shimmer}.skeleton-info{padding:1.5rem}.skeleton-text{background:linear-gradient(to right, var(--color-secondary) 8%, var(--color-border-solid) 18%, var(--color-secondary) 33%);background-size:800px 104px;border-radius:4px;height:20px;margin-bottom:10px;animation:1.5s linear infinite shimmer}.skeleton-text.short{width:60%}