*{margin:0;padding:0;box-sizing:border-box}:root{--color-gray-950: #0a0e1a;--color-gray-900: #0f1420;--color-gray-850: #0d1117;--color-gray-800: #141927;--color-gray-750: #1a1f2e;--color-gray-700: #1f2535;--color-gray-600: #1f2937;--color-gray-500: #2d3748;--color-gray-400: #64748b;--color-gray-300: #94a3b8;--color-gray-200: #cbd5e1;--color-gray-100: #f1f5f9;--color-brand-purple: #7c3aed;--color-brand-purple-dark: #6d28d9;--color-brand-purple-light: rgba(124, 58, 237, .1);--color-brand-purple-lighter: #c4b5fd;--color-brand-purple-pale: rgba(192, 132, 252, .08);--color-status-success: #10b981;--color-status-success-dark: #059669;--color-status-success-light: rgba(16, 185, 129, .1);--color-status-error: #ef4444;--color-status-error-dark: #dc2626;--color-status-error-light: rgba(239, 68, 68, .1);--color-status-warning: #f59e0b;--color-status-warning-dark: #d97706;--color-status-warning-light: rgba(245, 158, 11, .1);--color-status-info: #3b82f6;--color-status-info-light: rgba(59, 130, 246, .1);--color-frequency-high: #f472b6;--color-frequency-high-hover: #f43f5e;--color-frequency-medium: #60a5fa;--color-frequency-low: #2dd4bf;--color-accent-pink: #ff0080;--color-accent-pink-light: rgba(255, 0, 128, .1);--color-accent-pink-pale: rgba(255, 107, 157, .1)}:root{--bg-primary: var(--color-gray-950);--bg-secondary: var(--color-gray-900);--bg-tertiary: var(--color-gray-800);--bg-card: var(--color-gray-750);--bg-card-hover: var(--color-gray-700);--bg-sidebar: var(--color-gray-850)}:root{--border-color: var(--color-gray-600);--border-accent: var(--color-gray-500)}:root{--text-primary: var(--color-gray-100);--text-secondary: var(--color-gray-300);--text-muted: var(--color-gray-400)}:root{--accent-primary: var(--color-brand-purple);--accent-primary-hover: var(--color-brand-purple-dark);--accent-primary-light: var(--color-brand-purple-light);--accent-success: var(--color-status-success);--accent-success-hover: var(--color-status-success-dark);--accent-success-light: var(--color-status-success-light);--accent-warning: var(--color-status-warning);--accent-warning-hover: var(--color-status-warning-dark);--accent-warning-light: var(--color-status-warning-light);--accent-danger: var(--color-status-error);--accent-danger-hover: var(--color-status-error-dark);--accent-danger-light: var(--color-status-error-light);--accent-info: var(--color-status-info);--accent-info-light: var(--color-status-info-light)}:root{--frequency-high: var(--color-frequency-high);--frequency-medium: var(--color-frequency-medium);--frequency-low: var(--color-frequency-low)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7)}:root{--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px}:root{--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: .95rem;--font-size-lg: 1.1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6}:root{--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height-normal)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}*{scrollbar-width:thin;scrollbar-color:var(--border-accent) var(--bg-secondary)}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}*::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:10px;border:2px solid var(--bg-secondary)}*::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*::-webkit-scrollbar-thumb:active{background:var(--text-secondary)}.sidebar{width:260px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100}.logo{padding:20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-color);height:81px;text-decoration:none;cursor:pointer}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-primary),#c084fc);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}.logo-text{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{flex:1;padding:20px 12px;display:flex;flex-direction:column;gap:4px}.nav-divider{height:20px}.nav-spacer{margin-top:auto;display:flex;flex-direction:column;gap:4px}.sidebar-bottom{padding:12px;border-top:1px solid var(--border-color)}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;font-size:14px;font-weight:500}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:var(--accent-primary-light);color:var(--accent-primary)}.nav-item-highlight{background:linear-gradient(135deg,#7c3aed33,#c084fc26);border:1.5px solid rgba(124,58,237,.5);font-weight:600;position:relative;overflow:hidden;box-shadow:0 2px 8px #7c3aed33,inset 0 1px #ffffff1a}.nav-item-highlight:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.nav-item-highlight:hover{background:linear-gradient(135deg,#7c3aed4d,#c084fc40);border-color:#7c3aedb3;box-shadow:0 4px 12px #7c3aed4d,inset 0 1px #ffffff26;transform:translateY(-1px)}.nav-item-highlight:hover:before{left:100%}.nav-item-highlight.active{background:linear-gradient(135deg,#7c3aed59,#c084fc4d);border-color:var(--accent-primary);color:#fff}.nav-item-highlight.nav-item-pro{background:transparent;border:none;box-shadow:none;font-weight:600}.nav-item-highlight.nav-item-pro:before{display:none}.nav-item-highlight.nav-item-pro{background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;transition:all .3s ease}.nav-item-highlight.nav-item-pro:hover{background-position:100% 50%;transform:translateY(-1px);filter:brightness(1.2)}.nav-item-highlight.nav-item-ultra{background:transparent;border:none;box-shadow:none;font-weight:600}.nav-item-highlight.nav-item-ultra:before{display:none}.nav-item-highlight.nav-item-ultra{background:linear-gradient(135deg,#7c3aed,#a855f7,#ec4899,#f97316,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:300% 300%;transition:all .4s ease}.nav-item-highlight.nav-item-ultra:hover{background-position:100% 50%;transform:translateY(-1px);filter:brightness(1.3)}.nav-item-vip{background:linear-gradient(135deg,#f59e0b26,#fbbf241a);border:1.5px solid rgba(245,158,11,.45);font-weight:600;cursor:default;box-shadow:0 2px 8px #f59e0b26,inset 0 1px #ffffff14;color:#fbbf24;margin-bottom:12px}.nav-item-vip svg{color:#f59e0b;fill:#f59e0b33}.nav-item svg{flex-shrink:0}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color)}.user-card{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease;text-decoration:none;color:inherit}.user-card:hover{background:var(--bg-card)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),#c084fc);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.sidebar{width:220px}}@media(max-width:768px){.sidebar{transform:translate(-100%)}}.dashboard-container{display:flex;min-height:100vh}.main-content{flex:1;margin-left:260px;background:var(--bg-secondary);overflow-y:scroll;height:100vh}.dashboard-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:20px 32px;position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);height:81px;display:flex;align-items:center}.header-content{display:flex;align-items:center;gap:24px;justify-content:flex-end;width:100%}.search-container-bits{position:relative;width:100%;max-width:500px;margin-bottom:24px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:12px 16px 12px 48px;background:var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:var(--radius-lg);color:var(--text-primary);font-size:14px;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-light);background:var(--bg-card)}.search-input::placeholder{color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.icon-button{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-accent);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.icon-button:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-accent)}.notification-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:var(--frequency-high);color:#fff;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card)}.upgrade-btn-header{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--accent-primary),#c084fc);border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 12px #7c3aed4d;border:none;cursor:pointer}.upgrade-btn-header:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed66;background:linear-gradient(135deg,#6d28d9,#a855f7)}.upgrade-btn-header:active{transform:translateY(0);box-shadow:0 4px 12px #7c3aed4d}.upgrade-btn-header-plain{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.upgrade-btn-header-plain:hover{background:var(--surface-hover)}.user-menu{display:flex;align-items:center;gap:12px}.user-avatar-header{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),#c084fc);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff;cursor:pointer;transition:transform .2s ease;text-decoration:none;text-transform:uppercase}.user-avatar-header:hover{transform:scale(1.05)}.logout-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:var(--frequency-high);border-color:var(--frequency-high);color:#fff}.logout-btn:active{transform:scale(.98)}.dashboard-content{padding:32px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-primary{background:var(--accent-primary-light);color:var(--accent-primary)}.stat-icon-success{background:var(--accent-success-light);color:var(--accent-success)}.stat-icon-warning{background:var(--accent-warning-light);color:var(--accent-warning)}.stat-icon-info{background:var(--accent-info-light);color:var(--accent-info)}.stat-value{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:0;line-height:1;font-family:JetBrains Mono,monospace}.stat-change{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.stat-change.positive{color:var(--accent-success)}.stat-change.negative{color:var(--frequency-high)}.stat-change svg{flex-shrink:0}.content-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.section-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.section-subtitle{font-size:14px;color:var(--text-secondary)}.content-header-actions{display:flex;align-items:center;gap:10px}.view-bits-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:1px solid var(--border-accent);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.view-bits-btn:hover{background:var(--bg-card);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.view-bits-btn:active{transform:translateY(0);box-shadow:none}.create-bit-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.create-bit-btn:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.create-bit-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.empty-state-table{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-muted);text-align:center}.empty-state-table svg{margin-bottom:24px;opacity:.5}.empty-state-table p{font-size:16px;color:var(--text-secondary)}.mobile-header{display:none;align-items:center;justify-content:space-between;width:100%;height:64px;padding:0 20px}.mobile-logo{display:flex;align-items:center;gap:10px;text-decoration:none;transition:opacity .2s ease}.mobile-logo:active{opacity:.7}.mobile-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent-primary),#c084fc);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.mobile-logo-text{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.mobile-menu-toggle{position:relative;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hamburger-line{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);z-index:998}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:var(--bg-sidebar);box-shadow:-4px 0 24px #00000080;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile-nav-drawer.active{transform:translate(0)}.mobile-nav-header{padding:24px 20px;border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-sidebar) 100%)}.mobile-nav-user{display:flex;align-items:center;gap:12px}.mobile-nav-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),#c084fc);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#fff;text-transform:uppercase;flex-shrink:0;box-shadow:0 4px 12px #7c3aed4d}.mobile-nav-user-info{flex:1;min-width:0}.mobile-nav-user-email{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-nav-items{padding:8px}.mobile-nav-link{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:2px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:15px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-nav-link:active{transform:scale(.98)}.mobile-nav-link-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.mobile-nav-link:hover{background:var(--bg-card);color:var(--text-primary)}.mobile-nav-link.active{background:var(--accent-primary-light);color:var(--accent-primary);font-weight:600}.mobile-nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent-primary);border-radius:0 2px 2px 0}.mobile-nav-link-featured{background:linear-gradient(135deg,#7c3aed1f,#c084fc14);border:1px solid rgba(124,58,237,.2);color:var(--accent-primary);font-weight:600}.mobile-nav-link-featured:hover{background:linear-gradient(135deg,#7c3aed2e,#c084fc1f);border-color:#7c3aed4d}.mobile-nav-badge{margin-left:auto;padding:3px 10px;background:linear-gradient(135deg,var(--accent-primary),#c084fc);border-radius:12px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.mobile-nav-link-danger:hover{background:#ef44441a;color:var(--accent-danger)}.mobile-nav-section-divider{height:1px;background:var(--border-color);margin:12px}@media(max-width:1024px){.main-content{margin-left:220px}}@media(max-width:768px){.main-content{margin-left:0}.dashboard-content{padding:20px 16px}.dashboard-header{padding:0;height:64px;min-height:64px;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-color)}.header-content{height:100%;width:100%;padding:0}.mobile-header{display:flex}.header-actions{display:none!important}.search-container-bits{max-width:none}.stats-grid{grid-template-columns:1fr}.content-header{flex-direction:column;align-items:flex-start;gap:16px}}body.mobile-nav-open{overflow:hidden;position:fixed;width:100%;height:100%}.filter-group{display:flex;gap:8px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md);position:relative;--indicator-left: 4px;--indicator-width: 0px;--indicator-height: 0px;--indicator-top: 4px}.filter-group:before{content:"";position:absolute;left:var(--indicator-left);top:var(--indicator-top);width:var(--indicator-width);height:var(--indicator-height);background:var(--accent-primary);border-radius:var(--radius-sm);transition:none;z-index:0}.filter-group.initialized:before{transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn{padding:8px 16px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:color .2s ease;position:relative;z-index:1;outline:none}.filter-btn:hover{color:var(--text-primary)}.filter-btn:focus{outline:none}.filter-btn:active{outline:none}.filter-btn.active{color:#fff}.bits-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.bit-card-modern{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:200px}.bit-card-modern:has(.toggle-modern input:not(:checked)){opacity:.5}.bit-card-modern:has(.toggle-modern input:not(:checked)):hover{opacity:.7}.bit-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),#c084fc);opacity:0;transition:opacity .3s ease}.bit-card-modern:hover{border-color:var(--border-accent);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.bit-card-modern:hover:before{opacity:1}.bit-header-modern{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.bit-meta-modern{display:flex;align-items:center;gap:12px}.bit-time{font-size:13px;color:var(--text-secondary);font-weight:500}.bit-id-badge{font-size:11px;font-weight:700;color:var(--accent-primary);background:var(--accent-primary-light);padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;font-family:JetBrains Mono,monospace}.toggle-modern{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-modern input{opacity:0;width:0;height:0}.toggle-slider-modern{position:absolute;cursor:pointer;inset:0;background:var(--bg-tertiary);border:2px solid var(--border-accent);transition:all .3s ease;border-radius:26px}.toggle-slider-modern:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background:var(--text-muted);transition:all .3s ease;border-radius:50%}.toggle-modern input:checked+.toggle-slider-modern{background:linear-gradient(135deg,var(--accent-primary),#c084fc);border-color:var(--accent-primary)}.toggle-modern input:checked+.toggle-slider-modern:before{transform:translate(22px);background:#fff}.bit-body-modern{margin-bottom:16px;flex:1}.bit-content-modern{color:var(--text-primary);font-size:15px;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.bit-footer-modern{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-color);margin-top:auto}.bit-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);padding:5px 12px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px;font-family:JetBrains Mono,monospace}.frequency-badge{font-size:11px;font-weight:700;padding:7px 14px 5px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;font-family:JetBrains Mono,monospace;display:inline-block;background:var(--bg-tertiary)}.frequency-high{color:var(--frequency-high)}.frequency-medium{color:var(--frequency-medium)}.frequency-low{color:var(--frequency-low)}.bit-actions-modern{display:flex;gap:8px}.action-btn-modern{width:32px;height:32px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-accent);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-btn-modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.action-btn-modern:first-child:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.action-btn-modern:last-child:hover{background:var(--frequency-high);border-color:var(--frequency-high);color:#fff}.action-btn-modern:active{transform:translateY(0);box-shadow:none}@media(max-width:1024px){.bits-grid-modern{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.bits-grid-modern{grid-template-columns:1fr}}.form-container-modern{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;max-width:700px;margin:0 auto}.form-header-modern{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.back-btn-modern{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid var(--border-accent);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.back-btn-modern:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-accent);transform:translate(-2px)}.back-btn-modern:active{transform:translate(0)}.bit-form-modern{display:flex;flex-direction:column;gap:20px}.form-group-modern{display:flex;flex-direction:column;gap:8px}.form-label-modern{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.required-mark{color:var(--accent-danger);font-weight:700}.form-input-modern,.form-textarea-modern,.form-select-modern{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;outline:none}.form-input-modern:focus,.form-textarea-modern:focus,.form-select-modern:focus{border-color:var(--accent-primary);background:var(--bg-tertiary);box-shadow:0 0 0 3px var(--accent-primary-light)}.form-input-modern::placeholder,.form-textarea-modern::placeholder{color:var(--text-muted)}.form-textarea-modern{resize:none;min-height:100px;line-height:1.6;overflow:hidden}.form-select-modern{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-hint{font-size:12px;color:var(--text-muted);font-weight:400}.form-error{font-size:12px;color:var(--color-status-error);font-weight:400;margin-top:4px}.form-group-toggle{padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.toggle-field-wrapper{display:flex;align-items:center;gap:12px;margin-top:8px}.toggle-label-text{font-size:14px;color:var(--text-secondary);font-weight:500}.form-actions-modern{display:flex;gap:12px;justify-content:flex-end;margin-top:4px;padding-top:16px;border-top:1px solid var(--border-color)}.btn-primary-modern,.btn-secondary-modern{padding:12px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-primary-modern{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary-modern:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary-modern:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary-modern{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-accent)}.btn-secondary-modern:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-accent)}.btn-secondary-modern:active{transform:scale(.98)}.htmx-request .htmx-indicator{display:inline-flex}.htmx-request.bit-form-modern{opacity:.6;pointer-events:none}.loading-dots{align-items:center;gap:4px}.loading-dots .dot{width:6px;height:6px;background-color:currentColor;border-radius:50%;animation:dotPulse 1.4s infinite ease-in-out}.loading-dots .dot:nth-child(1){animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.checkbox-group-modern{display:flex;flex-direction:column;gap:10px}.checkbox-card-modern{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:2px solid var(--border-accent);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);position:relative;user-select:none}.checkbox-card-modern:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.checkbox-card-modern:active{transform:translateY(0);box-shadow:none}.checkbox-input-modern{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox-custom-modern{display:flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;min-height:20px;border:2px solid var(--border-accent);border-radius:var(--radius-sm);background:var(--bg-primary);transition:all var(--transition-base);margin-top:2px}.checkbox-icon-modern{opacity:0;transform:scale(.5);transition:all var(--transition-fast);color:#fff}.checkbox-input-modern:checked+.checkbox-custom-modern{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-light)}.checkbox-input-modern:checked+.checkbox-custom-modern .checkbox-icon-modern{opacity:1;transform:scale(1)}.checkbox-input-modern:checked~.checkbox-label-content-modern .checkbox-label-title-modern{color:var(--text-primary);font-weight:600}.checkbox-input-modern:focus-visible+.checkbox-custom-modern{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-primary-light)}.checkbox-input-modern:checked~.checkbox-label-content-modern,.checkbox-card-modern:has(.checkbox-input-modern:checked){border-color:var(--accent-primary);background:var(--bg-tertiary)}.checkbox-label-content-modern{display:flex;flex-direction:column;gap:4px;flex:1}.checkbox-label-title-modern{font-size:14px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);line-height:1.4}.checkbox-label-desc-modern{font-size:12px;color:var(--text-muted);line-height:1.4}.checkbox-input-modern:disabled~.checkbox-custom-modern{opacity:.5;cursor:not-allowed}.checkbox-card-modern:has(.checkbox-input-modern:disabled){opacity:.6;cursor:not-allowed}.checkbox-card-modern:has(.checkbox-input-modern:disabled):hover{transform:none;border-color:var(--border-accent);background:var(--bg-secondary);box-shadow:none}@media(min-width:640px){.checkbox-group-modern{gap:12px}}.btn-upgrade-gradient{background:linear-gradient(135deg,var(--accent-primary),#c084fc,#00d9ff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-decoration:none;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn-dictionary-add[data-upgrade-required]:hover{background:var(--bg-secondary);border-color:var(--border-accent);transform:none}.form-divider{margin:32px auto;max-width:700px;height:1px;background:var(--border-color)}.form-delete-section{max-width:700px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#ef444408,#ef44440f);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ef44441a,0 2px 8px #00000026}.form-delete-header{margin-bottom:20px}.form-delete-header h3{font-size:17px;font-weight:700;color:var(--accent-danger);margin-bottom:8px;letter-spacing:-.02em}.form-delete-header p{font-size:13px;color:var(--text-muted);line-height:1.6;max-width:480px}.btn-delete-modern{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:transparent;border:1px solid var(--accent-danger);border-radius:var(--radius-md);color:var(--accent-danger);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-delete-modern:hover{background:var(--accent-danger);color:#fff}.btn-delete-modern:active{background:var(--accent-danger);color:#fff;opacity:.85}.history-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow-x:auto;overflow-y:hidden}.history-table{width:100%;border-collapse:collapse}.history-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.history-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.history-table th:first-child,.history-table td:first-child{width:110px;padding-left:16px;padding-right:8px}.history-table th:nth-child(2),.history-table td:nth-child(2){width:110px;padding-left:8px;padding-right:8px}.history-table tbody tr{border-bottom:1px solid var(--border-color)}.history-table tbody tr:last-child{border-bottom:none}.history-table td{padding:12px 16px;font-size:13px;color:var(--text-primary)}.notification-id-badge-table{display:inline-block;padding:3px 8px;background:var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:var(--text-secondary);font-family:JetBrains Mono,monospace;letter-spacing:.3px}.bit-id-badge-table{display:inline-block;padding:3px 8px;background:var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:var(--accent-primary);font-family:JetBrains Mono,monospace;letter-spacing:.3px}.bit-id-link{text-decoration:none;transition:all .2s ease;cursor:pointer}.bit-id-link:hover{background:var(--accent-primary-light);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 8px #7c3aed33}.content-cell{max-width:400px}.content-preview{display:block;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.time-cell{color:var(--text-secondary);font-size:13px;white-space:nowrap}.history-table .frequency-badge{font-size:10px;padding:6px 10px 4px}.notification-type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:capitalize}.notification-type-email{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.notification-type-push{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:28px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:24px}.modal-message{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem}.modal-bit-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:12px}.modal-bit-id{color:var(--text-muted);font-size:.8rem;font-family:JetBrains Mono,monospace;margin-bottom:8px}.modal-bit-content{color:var(--text-primary);font-size:.95rem;line-height:1.6;margin-bottom:12px;word-wrap:break-word}.modal-bit-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:.85rem}.modal-bit-meta span{color:var(--text-muted)}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--border-color)}.modal-footer button{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-accent)}.btn-cancel:hover{background:var(--bg-card-hover)}.btn-delete{background:var(--frequency-high);color:#fff}.btn-delete:hover{background:#a21d52}.btn-delete:active{transform:scale(.98)}.danger-zone-content{padding:16px}.danger-zone-warning{display:flex;gap:12px;background:#c223521a;border:1px solid rgba(194,35,82,.3);border-radius:8px;padding:12px;margin-bottom:12px}.warning-icon{fill:var(--color-status-error);flex-shrink:0;margin-top:2px}.warning-content{flex:1}.warning-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 6px}.warning-text{color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin:0}.btn-danger{background:var(--bg-tertiary);color:var(--color-status-error);padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid var(--border-accent);width:100%}.btn-danger:hover{background:var(--bg-card-hover);color:var(--color-status-error-dark)}.btn-danger:active{transform:scale(.98)}.modal-warning-section{text-align:center;margin-bottom:16px;background:var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:8px;padding:16px}.modal-warning-icon{fill:var(--color-status-error);margin:0 auto 10px;display:block}.danger-message{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:0}.danger-message strong{color:var(--color-status-error);font-weight:600}.delete-account-form{margin-top:16px}.btn-delete-danger{background:var(--bg-tertiary);color:var(--color-status-error);padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid var(--border-accent);display:flex;align-items:center;gap:8px}.btn-delete-danger:hover{background:var(--bg-card-hover);color:var(--color-status-error-dark)}.btn-delete-danger:active{transform:scale(.98)}.btn-delete-danger:disabled{opacity:.6;cursor:not-allowed}.btn-delete-danger .loading-dots{display:none}.btn-delete-danger.htmx-request .btn-text{opacity:0}.btn-delete-danger.htmx-request .loading-dots{display:flex}.timezone-modal-content{max-width:600px;max-height:80vh}.timezone-search-wrapper{margin-bottom:20px}.timezone-search-input{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:8px;color:var(--text-primary);font-size:.95rem;transition:all .2s}.timezone-search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 3px #7c3aed1a}.timezone-search-input::placeholder{color:var(--text-muted)}.timezone-list{max-height:400px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.timezone-section{margin-bottom:20px}.timezone-section:last-child{margin-bottom:0}.timezone-section-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;padding:0 4px}.timezone-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:6px;cursor:pointer;transition:all .2s}.timezone-item:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.timezone-item:active{transform:scale(.98)}.timezone-item.timezone-suggested{background:linear-gradient(135deg,#7c3aed1a,#6d28d90d);border-color:var(--accent-primary)}.timezone-item.timezone-suggested:hover{background:linear-gradient(135deg,#7c3aed26,#6d28d91a)}.timezone-item.hidden{display:none}.timezone-item-main{display:flex;align-items:center;gap:12px;flex:1}.timezone-item-icon{color:var(--accent-primary);display:flex;align-items:center}.timezone-item-info{display:flex;flex-direction:column;gap:2px}.timezone-item-name{font-size:.95rem;font-weight:500;color:var(--text-primary)}.timezone-item-offset{font-size:.8rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.timezone-item-time{font-size:.9rem;font-weight:600;color:var(--accent-primary);font-family:JetBrains Mono,monospace;white-space:nowrap}.timezone-field-wrapper{position:relative}.timezone-field-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:8px;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all .2s}.timezone-field-trigger:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.timezone-field-trigger:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #7c3aed1a}.timezone-field-value{display:flex;align-items:center;gap:8px}.timezone-field-icon{color:var(--text-muted);display:flex;align-items:center;transition:transform .2s}.timezone-field-trigger[aria-expanded=true] .timezone-field-icon{transform:rotate(180deg)}.timezone-no-results{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:.9rem}.timezone-no-results-icon{font-size:2rem;margin-bottom:8px;opacity:.5}.meta-buttons-wrapper{display:flex;gap:12px;margin-top:12px;align-items:flex-start}.dictionary-add-wrapper,.translate-add-wrapper{flex:1;display:flex;flex-direction:column;gap:6px}.dictionary-add-wrapper .btn-dictionary-add,.translate-add-wrapper .btn-dictionary-add{width:100%;justify-content:center}.btn-dictionary-add{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-dictionary-add:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent-primary)}.btn-dictionary-add:active:not(:disabled){transform:scale(.98)}.btn-dictionary-add:disabled{opacity:.5;cursor:not-allowed}.btn-dictionary-add svg{flex-shrink:0}.dictionary-hint{font-size:.85rem;color:var(--text-muted)}.dictionary-language-wrapper{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.dictionary-language-label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.dictionary-language-select{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.dictionary-language-select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 3px #7c3aed1a}.dictionary-language-select:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.dictionary-content-wrapper{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.dictionary-content-label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.dictionary-content-box{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px}.dictionary-content-text{font-size:1rem;color:var(--text-primary);line-height:1.6;word-wrap:break-word;white-space:pre-wrap}.btn-dictionary-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:48px}.btn-dictionary-submit:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.btn-dictionary-submit:active{transform:scale(.98)}.btn-dictionary-submit:disabled,.btn-dictionary-submit.loading{opacity:.7;cursor:not-allowed;transform:none}.btn-dictionary-submit:disabled:hover,.btn-dictionary-submit.loading:hover{background:var(--accent-primary);transform:none;box-shadow:none}.btn-dictionary-submit .btn-text,.btn-dictionary-submit .btn-loader{display:flex;align-items:center;justify-content:center;gap:4px;min-height:24px}.dictionary-header{margin-bottom:8px}.dictionary-word{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}#dictionary-results-section{margin-top:16px;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease-in-out,max-height .3s ease-in-out,margin-top .3s ease-in-out}#dictionary-results-section.show{opacity:1;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column}.dictionary-results-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.meta-display{margin-top:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:8px}.meta-display-content{display:flex;align-items:center;justify-content:space-between;gap:12px}#meta-display-text{flex:1;font-size:.9rem;color:var(--text-primary);line-height:1.5}.meta-clear-btn{flex-shrink:0;padding:6px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.meta-clear-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.meta-clear-btn:active{transform:scale(.95)}.dictionary-modal-content{max-width:700px;max-height:95vh;width:85%;height:auto;display:flex;flex-direction:column;overflow:hidden}.dictionary-modal-content .modal-body{overflow-y:auto;display:flex;flex-direction:column}.dictionary-stage{display:block}.dictionary-list{max-height:none;overflow-y:auto;overflow-x:hidden;padding-right:8px}.dictionary-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s;position:relative;min-height:60px}.dictionary-item:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.dictionary-item:active{transform:scale(.98)}.dictionary-item.hidden{display:none}.dictionary-item.selected{background:#7c3aed1a;border-color:var(--accent-primary);box-shadow:0 0 0 2px #7c3aed33}.dictionary-item.selected:hover{background:#7c3aed26;border-color:var(--accent-primary)}.dictionary-item-index{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;font-size:.85rem;font-weight:700;border-radius:50%;box-shadow:0 2px 4px #7c3aed33}.dictionary-item-main{display:flex;align-items:center;gap:12px;flex:1}.dictionary-item-info{display:flex;flex-direction:column;gap:4px;flex:1}.dictionary-item-name{font-size:.95rem;font-weight:500;color:var(--text-primary)}.dictionary-item-code{font-size:.8rem;color:var(--text-muted);font-family:JetBrains Mono,monospace;text-transform:uppercase}.dictionary-item-count{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.dictionary-result-item{cursor:pointer}.dictionary-item-pos{font-size:.75rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dictionary-item-definition{font-size:.95rem;color:var(--text-primary);line-height:1.7;white-space:pre-wrap;word-break:break-word;max-width:100%}.dictionary-item-label{font-size:.75rem;font-weight:600;color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dictionary-item-number{font-size:.85rem;font-weight:700;color:var(--accent-primary);margin-bottom:4px}#selected-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:#fff3;border-radius:12px;font-size:.9rem;font-weight:700}.dictionary-loading{display:flex;align-items:center;justify-content:center;padding:60px 20px}.dictionary-error{padding:24px 20px;text-align:center;color:var(--text-muted);font-size:.9rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.dictionary-error-api{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--accent-danger);background:linear-gradient(135deg,#ef444408,#ef44440f);border-color:#ef444440;box-shadow:inset 0 1px #ef44441a,0 2px 8px #00000026}.dictionary-no-results{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:.9rem}.dictionary-no-results-icon{font-size:2rem;margin-bottom:8px;opacity:.5}@media(max-width:640px){.dictionary-modal-content{max-width:95%;max-height:85vh}.meta-buttons-wrapper{flex-direction:column}.dictionary-add-wrapper,.translate-add-wrapper{width:100%}.btn-dictionary-add{width:100%;justify-content:center}.dictionary-item{flex-direction:column;align-items:flex-start;gap:8px}.dictionary-item-count{align-self:flex-start}}.translate-modal-content{max-width:700px;max-height:95vh;width:85%;height:auto;display:flex;flex-direction:column;overflow:hidden}.translate-modal-content .modal-body{overflow-y:auto;display:flex;flex-direction:column}.translate-stage{display:block}.translate-language-row{display:flex;align-items:flex-end;gap:16px;margin-bottom:24px}.translate-language-col{flex:1;display:flex;flex-direction:column;gap:8px}.translate-language-label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.translate-language-select{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.translate-language-select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 3px #7c3aed1a}.translate-language-select:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.translate-arrow{display:flex;align-items:center;justify-content:center;padding-bottom:8px;color:var(--text-muted)}.translate-content-wrapper{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.translate-content-label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.translate-content-box{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px}.translate-content-text{font-size:1rem;color:var(--text-primary);line-height:1.6;word-wrap:break-word;white-space:pre-wrap}.btn-translate-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:48px}.btn-translate-submit:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.btn-translate-submit:active{transform:scale(.98)}.btn-translate-submit:disabled,.btn-translate-submit.loading{opacity:.7;cursor:not-allowed;transform:none}.btn-translate-submit:disabled:hover,.btn-translate-submit.loading:hover{background:var(--accent-primary);transform:none;box-shadow:none}.btn-translate-submit .btn-text,.btn-translate-submit .btn-loader{display:flex;align-items:center;justify-content:center;gap:4px;min-height:24px}.translate-text-info{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-accent);border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.translate-text-label{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.translate-text-value{font-size:1rem;font-weight:600;color:var(--accent-primary)}.translate-list{max-height:400px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.translate-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.translate-item:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translate(4px)}.translate-item:active{transform:scale(.98)}.translate-item.selected{background:#7c3aed1a;border-color:var(--accent-primary);box-shadow:0 0 0 2px #7c3aed33}.translate-item.selected:hover{background:#7c3aed26;border-color:var(--accent-primary);transform:translate(4px)}.translate-item-main{display:flex;align-items:center;gap:12px;flex:1}.translate-item-info{display:flex;flex-direction:column;gap:4px;flex:1}.translate-item-text{font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.5}.translate-loading{display:flex;align-items:center;justify-content:center;padding:60px 20px}.translate-error{padding:24px 20px;text-align:center;color:var(--text-muted);font-size:.9rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.translate-error-api{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--accent-danger);background:linear-gradient(135deg,#ef444408,#ef44440f);border-color:#ef444440;box-shadow:inset 0 1px #ef44441a,0 2px 8px #00000026}#translate-results-section{margin-top:16px;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease-in-out,max-height .3s ease-in-out,margin-top .3s ease-in-out}#translate-results-section.show{opacity:1;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column}.translate-results-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.btn-add-to-meta{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;margin-top:16px;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #7c3aed4d}.btn-add-to-meta:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed66}.btn-add-to-meta:active{transform:scale(.98)}#translate-selected-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:#fff3;border-radius:12px;font-size:.9rem;font-weight:700}#translate-results-stage .modal-header{display:flex;align-items:center;justify-content:space-between}#translate-results-stage .modal-header h3{margin:0}@media(max-width:640px){.translate-modal-content{max-width:95%;max-height:85vh}.translate-language-row{flex-direction:column;align-items:stretch}.translate-arrow{transform:rotate(90deg);padding:0}.translate-item{padding:14px 16px}}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0e1a,#1a0f2e,#0f1420);padding:20px;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(124,58,237,.1) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}.auth-container:after{content:"";position:absolute;bottom:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(192,132,252,.08) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite 4s}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:48px 40px;width:100%;max-width:440px;box-shadow:var(--shadow-xl);position:relative;z-index:1;backdrop-filter:blur(10px)}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),#c084fc);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.auth-logo-container{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;position:relative;z-index:1}.auth-logo-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--accent-primary),#c084fc);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #7c3aed4d}.auth-logo-icon svg{width:36px;height:36px;color:#fff}.auth-logo-text{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.auth-title{font-size:24px;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:8px}.auth-subtitle{font-size:14px;color:var(--text-secondary);text-align:center;margin-bottom:32px}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form-group{display:flex;flex-direction:column;gap:8px}.auth-form-label{font-size:14px;font-weight:600;color:var(--text-primary)}.auth-form-input{width:100%;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease;outline:none}.auth-form-input:focus{border-color:var(--accent-primary);background:var(--bg-tertiary);box-shadow:0 0 0 3px var(--accent-primary-light)}.auth-form-input.error{border-color:#ef4444;background:#ef44440d}.auth-form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.auth-error-fixed{position:fixed;top:0;left:0;right:0;background:#ef4444f2;color:#fff;padding:16px 20px;font-size:14px;font-weight:500;z-index:9999;box-shadow:0 4px 12px #00000026;border-bottom:2px solid #dc2626;backdrop-filter:blur(10px);text-align:center;animation:slideDown .3s ease-out}.auth-success-fixed{position:fixed;top:0;left:0;right:0;background:#10b981f2;color:#fff;padding:16px 20px;font-size:14px;font-weight:500;z-index:9999;box-shadow:0 4px 12px #00000026;border-bottom:2px solid #059669;backdrop-filter:blur(10px);text-align:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.auth-form-input::placeholder{color:var(--text-muted)}.auth-submit-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--accent-primary),#c084fc);border:none;border-radius:var(--radius-md);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #7c3aed4d;margin-top:8px;position:relative;min-height:46px}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.auth-submit-btn:active{transform:translateY(0);box-shadow:0 4px 16px #7c3aed4d}.auth-submit-btn.htmx-request{opacity:.6;cursor:not-allowed;pointer-events:none}.auth-submit-btn.htmx-request:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-auth .6s linear infinite}@keyframes spin-auth{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider-line{flex:1;height:1px;background:var(--border-color)}.auth-divider-text{font-size:13px;color:var(--text-muted);font-weight:500}.auth-secondary-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.auth-secondary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.08),transparent);transition:left .3s ease}.auth-secondary-btn:hover:before{left:100%}.auth-secondary-btn:hover{border-color:var(--accent-primary);background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:0 2px 8px #7c3aed26}.auth-secondary-btn:active{transform:translateY(0)}.auth-secondary-btn-label{font-weight:400;color:var(--text-secondary)}.auth-secondary-btn-action{font-weight:600;color:var(--accent-primary);transition:color .2s ease}.auth-secondary-btn:hover .auth-secondary-btn-action{color:#c084fc}.auth-footer{position:relative;z-index:1;margin-top:40px;text-align:center;font-size:12px;color:var(--text-muted)}.auth-footer-links{display:flex;justify-content:center;gap:24px;margin-top:12px}.auth-footer-link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.auth-footer-link:hover{color:var(--accent-primary)}.forgot-password-link{display:block;text-align:right;font-size:13px;color:var(--accent-primary);text-decoration:none;font-weight:500;margin-top:-8px;transition:color .2s ease}.forgot-password-link:hover{color:#c084fc;text-decoration:underline}@media(max-width:480px){.auth-card{padding:36px 28px}.auth-logo-text{font-size:24px}.auth-title{font-size:20px}}body.error-page{font-family:JetBrains Mono,Courier New,monospace;background:#0a0e1a;color:#e5e7eb;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;line-height:1.6;position:relative;overflow-y:auto}body.error-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,0,128,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(124,58,237,.1) 0%,transparent 50%);pointer-events:none}.error-container{max-width:800px;width:100%;background:linear-gradient(135deg,#0f0a14f2,#140c19f2,#0f0a14f2);backdrop-filter:blur(16px);border-radius:4px;padding:40px;box-shadow:0 20px 60px #0009,0 0 0 1px #ff008033,inset 0 1px #ff6b9d1a;position:relative;overflow:hidden}.error-container:before{content:"";position:absolute;inset:0;border-radius:4px;padding:1px;background:linear-gradient(135deg,#ff0080,#7c3aed,#00d9ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.error-container:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ff0080,transparent);animation:errorScan 3s linear infinite}@keyframes errorScan{0%{left:-100%}to{left:100%}}.error-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,0,128,.2)}.error-icon{width:48px;height:48px;background:linear-gradient(135deg,#ff0080,#ff6b9d);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;box-shadow:0 0 20px #ff008080;position:relative}.error-icon:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#ff0080,#ff6b9d);border-radius:2px;filter:blur(8px);opacity:.5;z-index:-1}.error-title{font-size:24px;font-weight:600;color:#ff6b9d;letter-spacing:-.5px;text-shadow:0 0 20px rgba(255,0,128,.5)}.error-status{font-size:14px;color:#9ca3af;margin-top:4px;font-family:JetBrains Mono,monospace}.error-message{background:#1e081499;border-left:2px solid #ff0080;padding:16px 20px;margin-bottom:24px;border-radius:2px;font-size:14px;color:#ffe0f0;box-shadow:inset 0 0 20px #ff00801a;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.error-details{background:#0a0e1acc;border:1px solid rgba(255,0,128,.2);border-radius:2px;padding:16px;margin-bottom:24px;overflow-x:auto;max-width:100%}.error-details-title{font-size:12px;color:#ff6b9d;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.error-stack{font-size:12px;color:#9ca3af;line-height:1.8;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.error-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.error-meta-item{background:#140c1999;padding:12px 16px;border-radius:2px;border:1px solid rgba(255,0,128,.2);position:relative;overflow:hidden}.error-meta-item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ff0080,transparent)}.error-meta-label{font-size:11px;color:#ff6b9d;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.error-meta-value{font-size:13px;color:#e5e7eb;word-break:break-all}.error-actions{display:flex;gap:12px;flex-wrap:wrap}.error-button{position:relative;padding:10px 20px;background:#37415199;color:#e5e7eb;text-decoration:none;border-radius:2px;font-size:13px;border:1px solid rgba(107,114,128,.4);transition:all .2s;cursor:pointer;font-family:inherit;backdrop-filter:blur(8px)}.error-button:hover{background:#4b5563cc;border-color:#6b728099;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.error-button.primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:1px solid #7c3aed;box-shadow:0 0 20px #7c3aed4d}.error-button.primary:before{content:"";position:absolute;inset:0;border-radius:2px;padding:1px;background:linear-gradient(135deg,#7c3aed,#00d9ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6}.error-button.primary:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 0 30px #7c3aed80}.error-footer{margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,0,128,.2);font-size:12px;color:#6b7280;text-align:center}@media(max-width:640px){.error-container{padding:24px}.error-title{font-size:20px}.error-meta{grid-template-columns:1fr}}.not-found-container{min-height:calc(100vh - 81px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:var(--bg-secondary);position:relative;overflow:hidden}.not-found-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(124,58,237,.08) 0%,rgba(124,58,237,.04) 25%,transparent 70%);pointer-events:none;animation:pulseGlow 8s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.not-found-number-wrapper{margin-bottom:40px;position:relative}.not-found-number{display:flex;align-items:center;gap:24px;font-family:JetBrains Mono,monospace}.not-found-digit{font-size:120px;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;text-shadow:0 0 40px rgba(124,58,237,.3);animation:digitFloat 3s ease-in-out infinite}.not-found-digit:first-child{animation-delay:0s}.not-found-digit:last-child{animation-delay:.3s}@keyframes digitFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.not-found-digit-zero{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.orbit-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.orbit-ring{position:absolute;width:100%;height:100%;border:2px solid transparent;border-top-color:var(--accent-primary);border-radius:50%;animation:orbitSpin 3s linear infinite}.orbit-ring-delay-1{width:80%;height:80%;border-top-color:#c084fc;animation-duration:2.5s;animation-direction:reverse}.orbit-ring-delay-2{width:60%;height:60%;border-top-color:#7c3aed80;animation-duration:2s}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-container svg{position:relative;z-index:10;color:var(--accent-primary);filter:drop-shadow(0 0 12px rgba(124,58,237,.5));animation:brainPulse 2s ease-in-out infinite}@keyframes brainPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.not-found-message{text-align:center;margin-bottom:48px;max-width:600px}.not-found-title{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.5px}.not-found-description{font-size:16px;color:var(--text-secondary);line-height:1.6;margin:0}.not-found-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;width:100%;max-width:800px;margin-bottom:32px}.not-found-nav-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);position:relative;overflow:hidden}.not-found-nav-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-primary),transparent);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.not-found-nav-card:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 16px #0000004d,0 0 0 1px #7c3aed1a}.not-found-nav-card:hover:before{opacity:.05}.not-found-nav-card:active{transform:translateY(0)}.not-found-nav-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-base)}.not-found-nav-card:hover .not-found-nav-icon{transform:scale(1.1)}.not-found-nav-icon-primary{background:var(--accent-primary-light);color:var(--accent-primary)}.not-found-nav-icon-success{background:var(--accent-success-light);color:var(--accent-success)}.not-found-nav-icon-info{background:var(--accent-info-light);color:var(--accent-info)}.not-found-nav-icon-secondary{background:#64748b1a;color:var(--text-secondary)}.not-found-nav-content{flex:1;min-width:0}.not-found-nav-label{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.not-found-nav-desc{font-size:13px;color:var(--text-muted)}.not-found-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:32px}.not-found-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:600;text-decoration:none;transition:all var(--transition-base);cursor:pointer;border:none;font-family:var(--font-family-base);position:relative;overflow:hidden}.not-found-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--transition-base)}.not-found-btn:hover:before{opacity:1}.not-found-btn-primary{background:linear-gradient(135deg,var(--accent-primary),#c084fc);color:#fff;box-shadow:0 4px 12px #7c3aed4d}.not-found-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.not-found-btn-primary:active{transform:translateY(0)}.not-found-btn-secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-accent)}.not-found-btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-accent)}.not-found-footer{text-align:center;max-width:600px;padding-top:32px;border-top:1px solid var(--border-color)}.not-found-footer p{font-size:14px;color:var(--text-muted);margin:0;line-height:1.6}.not-found-footer a{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.not-found-footer a:hover{color:var(--accent-primary-hover);text-decoration:underline}@media(max-width:768px){.not-found-container{padding:24px 16px}.not-found-number{gap:16px}.not-found-digit{font-size:80px}.not-found-digit-zero{width:80px;height:80px}.orbit-container svg{width:24px;height:24px}.not-found-title{font-size:24px}.not-found-description{font-size:15px}.not-found-nav-grid{grid-template-columns:1fr;max-width:400px}.not-found-actions{flex-direction:column;width:100%;max-width:400px}.not-found-btn{width:100%;justify-content:center}}@media(max-width:480px){.not-found-digit{font-size:60px}.not-found-digit-zero{width:60px;height:60px}.orbit-container svg{width:20px;height:20px}.not-found-number{gap:12px}.not-found-title{font-size:20px}.not-found-message{margin-bottom:32px}}@media(prefers-reduced-motion:reduce){.not-found-digit,.orbit-ring,.orbit-container svg,.not-found-container:before{animation:none}.not-found-nav-card:hover,.not-found-btn-primary:hover{transform:none}}body.p404-body{padding:0}.p404-wrap{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.p404-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(124,58,237,.1) 0%,rgba(124,58,237,.03) 40%,transparent 70%);pointer-events:none}.p404-card{position:relative;width:100%;max-width:440px;background:linear-gradient(160deg,#0f1420f7,#141927f7);border:1px solid rgba(124,58,237,.25);border-radius:3px;overflow:hidden;box-shadow:0 24px 64px #0009,0 0 0 1px #ffffff08,inset 0 1px #ffffff0d}.p404-card-scan{position:absolute;top:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.8),transparent);animation:p404Scan 4s linear infinite;pointer-events:none}@keyframes p404Scan{0%{left:-100%}to{left:100%}}.p404-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px}.p404-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text-secondary, #94a3b8);font-size:14px;font-weight:600;letter-spacing:-.2px;transition:color .15s}.p404-logo:hover{color:var(--text-primary, #f1f5f9)}.p404-logo svg{color:var(--accent-primary, #7c3aed);opacity:.9}.p404-status-badge{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;color:#7c3aede6;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);border-radius:2px;padding:3px 8px;letter-spacing:.5px}.p404-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.2) 20%,rgba(124,58,237,.2) 80%,transparent)}.p404-body{padding:40px 24px 36px;text-align:center}.p404-code{font-family:JetBrains Mono,monospace;font-size:72px;font-weight:700;line-height:1;background:linear-gradient(135deg,#7c3aed,#a78bfa 60%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px;margin-bottom:20px;filter:drop-shadow(0 0 24px rgba(124,58,237,.25))}.p404-title{font-size:18px;font-weight:600;color:var(--text-primary, #f1f5f9);letter-spacing:-.3px;margin-bottom:10px}.p404-desc{font-size:13px;color:var(--text-muted, #64748b);line-height:1.6;margin:0;max-width:320px;margin-inline:auto}.p404-bottom{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:12px}.p404-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-size:13px;font-weight:600;text-decoration:none;border-radius:3px;box-shadow:0 4px 14px #7c3aed4d;transition:box-shadow .18s ease,transform .18s ease;white-space:nowrap}.p404-btn:hover{box-shadow:0 6px 20px #7c3aed73;transform:translateY(-1px)}.p404-btn:active{transform:translateY(0)}.p404-link{font-size:12px;color:var(--text-muted, #64748b);text-decoration:none;transition:color .15s;white-space:nowrap}.p404-link:hover{color:var(--accent-primary, #7c3aed)}@media(max-width:480px){.p404-code{font-size:56px}.p404-bottom{flex-direction:column;align-items:stretch;gap:10px}.p404-btn{justify-content:center}.p404-link{text-align:center}}@media(prefers-reduced-motion:reduce){.p404-card-scan{animation:none}.p404-btn:hover{transform:none}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-3xl);margin-top:var(--spacing-3xl);max-width:1200px}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-3xl);position:relative;transition:all var(--transition-base)}.pricing-card:hover{box-shadow:var(--shadow-xl);border-color:var(--border-accent)}.pricing-card:nth-child(2){overflow:hidden}.pricing-card:nth-child(2):before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:2px;background:var(--accent-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.pricing-card:nth-child(2):hover:before,.pricing-card:nth-child(2).pricing-card-featured:before{opacity:1}.pricing-card:nth-child(3){overflow:hidden}.pricing-card:nth-child(3):before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(90deg,var(--accent-primary),#a78bfa,#60a5fa,#2dd4bf,#f472b6,var(--accent-primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;background-size:200% 100%;animation:shimmer 3s linear infinite;animation-play-state:paused}.pricing-card:nth-child(3):hover:before,.pricing-card:nth-child(3).pricing-card-featured:before{opacity:1;animation-play-state:running}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pricing-card.pricing-card-featured{background:var(--bg-card);box-shadow:0 8px 32px #7c3aed26}.pricing-card.pricing-card-featured:hover{box-shadow:0 12px 40px #7c3aed40}.pricing-grid:has(.pricing-card-featured) .pricing-card:not(.pricing-card-featured){background:linear-gradient(135deg,#00000014,#0000000d)}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--shadow-md)}.pricing-header{text-align:center;margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--border-color)}.pricing-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.5px}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs)}.price-amount{font-size:3rem;font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--accent-primary) 0%,var(--color-brand-purple-lighter) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:var(--line-height-tight)}.pricing-card-featured .price-amount{background:linear-gradient(135deg,var(--accent-primary) 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-period{font-size:var(--font-size-base);color:var(--text-muted);font-weight:var(--font-weight-medium)}.pricing-features{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);min-height:140px}.feature-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) 0}.feature-item span{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.feature-icon{color:var(--accent-success);flex-shrink:0;width:20px;height:20px;stroke-width:2.5}.feature-disabled .feature-icon{color:var(--text-muted);opacity:.5}.feature-disabled span{color:var(--text-muted);text-decoration:line-through;opacity:.6}.pricing-btn{display:block;width:100%;padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);border:none;position:relative;overflow:hidden;text-align:center;text-decoration:none}.pricing-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.pricing-btn:hover:before{width:400px;height:400px}.pricing-btn span{position:relative;z-index:1}.pricing-btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);color:var(--text-primary);box-shadow:0 4px 16px #7c3aed4d}.pricing-btn-primary:before{display:none}.pricing-btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;z-index:2}.pricing-btn-primary:hover:after{left:100%}.pricing-btn-primary:hover{box-shadow:0 6px 24px #7c3aed73;transform:translateY(-2px)}.pricing-btn-primary:active{transform:translateY(0)}.pricing-btn-secondary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:var(--text-primary);box-shadow:0 4px 16px #8b5cf64d}.pricing-btn-secondary:before{display:none}.pricing-btn-secondary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;z-index:2}.pricing-btn-secondary:hover:after{left:100%}.pricing-btn-secondary:hover{box-shadow:0 6px 24px #8b5cf673;transform:translateY(-2px)}.pricing-btn-secondary:active{transform:translateY(0)}.pricing-btn-disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;border:1px solid var(--border-color);box-shadow:none}.pricing-btn-disabled:hover{transform:none;box-shadow:none}.pricing-btn-disabled:before{display:none}.pricing-btn-danger{background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border:1px solid var(--border-color);box-shadow:none}.pricing-btn-danger:before{display:none}.pricing-btn-danger:after{display:none}.pricing-btn-danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pricing-btn-danger:active{transform:translateY(0)}.pricing-btn-downgrade{background:linear-gradient(135deg,#5b21b6,#4c1d95);color:var(--text-primary);box-shadow:0 4px 16px #4c1d954d}.pricing-btn-downgrade:before{display:none}.pricing-btn-downgrade:after{display:none}.pricing-btn-downgrade:hover{box-shadow:0 6px 24px #4c1d9573;transform:translateY(-2px);background:linear-gradient(135deg,#6d28d9,#5b21b6)}.pricing-btn-downgrade:active{transform:translateY(0)}.htmx-indicator{display:none}.htmx-request .htmx-indicator{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.htmx-request .htmx-indicator:after{content:"";width:14px;height:14px;border:2px solid var(--text-primary);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.htmx-request .btn-text{display:none}.dashboard-content{position:relative;transition:filter .3s ease,opacity .3s ease}.dashboard-content.loading{filter:blur(8px);opacity:.5;pointer-events:none}.dashboard-content.loading-complete{filter:blur(0);opacity:1;pointer-events:auto}.upgrade-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-xl);z-index:9999;pointer-events:none}.upgrade-loading-overlay.active{display:flex}.upgrade-loading-spinner{width:60px;height:60px;border:4px solid rgba(124,58,237,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:upgradeSpinnerRotate .8s linear infinite;box-shadow:0 8px 32px #7c3aed4d}.upgrade-loading-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-shadow:0 2px 8px rgba(0,0,0,.3)}@keyframes upgradeSpinnerRotate{to{transform:rotate(360deg)}}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr;gap:var(--spacing-2xl);padding:0 var(--spacing-lg)}.pricing-card{padding:var(--spacing-2xl)}.price-amount{font-size:2.5rem}.pricing-title{font-size:var(--font-size-xl)}}@media(min-width:769px)and (max-width:1024px){.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-2xl)}}.checkout-container{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem;max-width:1200px;margin:0;padding:1rem 0;align-items:start}.checkout-summary{border-radius:var(--radius-lg);padding:1.5rem;height:fit-content;background:linear-gradient(135deg,#7c3aed26,#3730a31a,#1a1a1ae6);border:1px solid transparent;background-clip:padding-box;position:relative}.checkout-summary:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-light));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3}.summary-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:var(--text-secondary);font-size:.9rem}.summary-label{color:var(--text-secondary)}.summary-value{color:var(--text-primary);font-weight:500}.summary-period{color:var(--text-tertiary);font-size:.85rem;font-weight:400}.summary-divider{height:1px;background:var(--border-color);margin:.75rem 0}.summary-total{padding:.75rem 0;font-size:1rem}.summary-total .summary-label{font-weight:600;color:var(--text-primary)}.summary-total .summary-value{font-size:1.3rem;font-weight:700;color:var(--accent-purple)}.summary-features{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.features-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.summary-features .feature-item{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;color:var(--text-secondary);font-size:.85rem}.summary-features .feature-icon{color:var(--accent-purple);flex-shrink:0}.summary-secure{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);color:var(--text-tertiary);font-size:.8rem}.secure-icon{color:var(--accent-purple)}.checkout-form{background:linear-gradient(135deg,#583a931f,#3730a314,#1a1a1ae6);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.payment-form-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.35rem}.payment-form-subtitle{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem}#payment-element{margin-bottom:1rem;min-height:150px}#payment-element select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237c3aed' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px!important;cursor:pointer}#payment-element select:hover{background-color:#ffffff0a!important}#payment-element select:focus{background-color:#ffffff0d!important;outline:none}.payment-element-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem}.payment-element-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(124,58,237,.2);border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite}.payment-element-loading p{color:var(--text-secondary);font-size:.9rem}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:.75rem;margin-bottom:1rem;color:#fca5a5;font-size:.85rem}.checkout-submit-btn{width:100%;padding:.875rem;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative;min-height:48px;box-shadow:0 4px 16px #7c3aed66}.checkout-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed80}.checkout-submit-btn:disabled{opacity:.6;cursor:not-allowed}#button-text{display:inline-block}#button-spinner{display:inline-flex;align-items:center;justify-content:center}.button-spinner{animation:spin 1s linear infinite}.spinner-icon{display:block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkout-cancel{text-align:center;margin-top:1rem}.cancel-link{color:var(--text-tertiary);font-size:.9rem;text-decoration:none;transition:color .2s}.cancel-link:hover{color:var(--text-secondary)}@media(max-width:768px){.checkout-container{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.checkout-summary{position:static;order:2}.checkout-form{order:1}.summary-title{font-size:1.1rem}.summary-total .summary-value{font-size:1.25rem}}.checkout-loading-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.checkout-loading-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;text-align:center;min-width:300px}.checkout-loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.checkout-loading-text{color:var(--text-primary);font-size:1rem;font-weight:500}.success-container{max-width:600px;margin:4rem auto;text-align:center;padding:var(--spacing-3xl);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.success-icon{margin-bottom:var(--spacing-3xl);animation:scaleIn .5s ease-out;display:inline-block}.success-icon svg{filter:drop-shadow(0 4px 12px rgba(16,185,129,.3))}@keyframes scaleIn{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.1) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.success-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);letter-spacing:-.5px}.success-message{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-3xl);line-height:var(--line-height-relaxed);max-width:450px;margin-left:auto;margin-right:auto}.success-actions{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-3xl)}.success-actions .btn-primary{width:100%;padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:filter var(--transition-base),box-shadow var(--transition-base);border:none;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);color:var(--text-primary);box-shadow:0 4px 16px #7c3aed4d}.success-actions .btn-primary:hover{filter:brightness(1.15);box-shadow:0 6px 24px #7c3aed73}.success-actions .btn-primary:active{transform:scale(.98)}.success-features{display:flex;justify-content:center;gap:var(--spacing-2xl);margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl);border-top:1px solid var(--border-color);flex-wrap:wrap}.success-feature{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.success-feature svg{color:var(--accent-success);width:18px;height:18px}@media(max-width:768px){.success-container{margin:var(--spacing-2xl) var(--spacing-lg);padding:var(--spacing-2xl)}.success-title{font-size:var(--font-size-2xl)}.success-message{font-size:var(--font-size-base)}.success-features{flex-direction:column;gap:var(--spacing-lg);align-items:center}}.subscription-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;z-index:10000;opacity:0;pointer-events:none;transition:opacity .3s ease;overflow-y:auto;padding:var(--spacing-2xl) var(--spacing-md)}.subscription-modal-overlay.active{opacity:1;pointer-events:all}.subscription-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);max-width:600px;width:100%;max-height:calc(100vh - var(--spacing-4xl));box-shadow:0 20px 60px #00000080;transform:scale(.9) translateY(20px);opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;display:flex;flex-direction:column;margin:auto 0}.subscription-modal-overlay.active .subscription-modal{transform:scale(1) translateY(0);opacity:1}.subscription-modal-header{padding:var(--spacing-3xl);text-align:center;border-bottom:1px solid var(--border-color);position:relative;flex-shrink:0}.subscription-modal-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:modalIconPulse 2s ease-in-out infinite}.subscription-modal-icon.upgrade{background:linear-gradient(135deg,#7c3aed26,#8b5cf626);border:2px solid var(--accent-primary)}.subscription-modal-icon.downgrade{background:linear-gradient(135deg,#4b556326,#37415126);border:2px solid #6b7280}.subscription-modal-icon.cancel{background:linear-gradient(135deg,#ef444426,#dc262626);border:2px solid #ef4444}.subscription-modal-icon svg{width:32px;height:32px;stroke-width:2}.subscription-modal-icon.upgrade svg{color:var(--accent-primary)}.subscription-modal-icon.downgrade svg{color:#6b7280}.subscription-modal-icon.cancel svg{color:#ef4444}@keyframes modalIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.subscription-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.5px}.subscription-modal-subtitle{font-size:var(--font-size-base);color:var(--text-muted);line-height:var(--line-height-relaxed)}.subscription-tier-change{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);margin:var(--spacing-2xl) 0}.subscription-tier-badge{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);text-transform:capitalize;position:relative}.subscription-tier-badge.from{background:#ffffff0d;color:var(--text-muted);text-decoration:line-through;opacity:.7}.subscription-tier-badge.to{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));color:var(--text-primary);box-shadow:0 4px 16px #7c3aed4d}.subscription-tier-badge.to.free{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 16px #4b55634d}.subscription-tier-arrow{width:32px;height:32px;color:var(--accent-primary);animation:arrowSlide 1.5s ease-in-out infinite}@keyframes arrowSlide{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.subscription-modal-body{padding:var(--spacing-3xl);overflow-y:auto;flex:1 1 auto;min-height:0}.subscription-modal-details{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.subscription-modal-detail-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.subscription-modal-detail-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-md)}.subscription-modal-detail-icon{width:20px;height:20px;color:var(--accent-success);flex-shrink:0;margin-top:2px}.subscription-modal-detail-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.subscription-modal-detail-text strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.subscription-modal-footer{padding:var(--spacing-2xl) var(--spacing-3xl);display:flex;gap:var(--spacing-md);border-top:1px solid var(--border-color);flex-shrink:0}.subscription-modal-btn{flex:1;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);border:none;position:relative;overflow:hidden}.subscription-modal-btn-cancel{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-color)}.subscription-modal-btn-cancel:hover{background:#ffffff14;color:var(--text-primary)}.subscription-modal-btn-confirm{background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));color:var(--text-primary);box-shadow:0 4px 16px #7c3aed4d}.subscription-modal-btn-confirm:hover{background:linear-gradient(135deg,#8b5cf6,var(--accent-primary));box-shadow:0 6px 24px #7c3aed73}.subscription-modal-btn-confirm:active{transform:translateY(0)}.subscription-modal-btn-confirm.danger{background:#0006;color:#ef4444;border:1px solid rgba(239,68,68,.3);box-shadow:none}.subscription-modal-btn-confirm.danger:hover{background:#00000080;border-color:#ef444480;color:#f87171}.subscription-modal-btn-confirm.downgrade{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 16px #4b55634d}.subscription-modal-btn-confirm.downgrade:hover{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 6px 24px #4b556373}.subscription-modal-btn.loading{pointer-events:none;opacity:.6}.subscription-modal-btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--text-primary);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;left:50%;top:50%;margin-left:-8px;margin-top:-8px}@keyframes spin{to{transform:rotate(360deg)}}.page-loading-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-xl);z-index:10001}.page-loading-overlay.active{display:flex}.page-loading-spinner{width:64px;height:64px;border:4px solid rgba(124,58,237,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:pageLoadingSpin .8s linear infinite;box-shadow:0 8px 32px #7c3aed4d}.page-loading-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-shadow:0 2px 8px rgba(0,0,0,.3);animation:pageLoadingPulse 2s ease-in-out infinite}@keyframes pageLoadingSpin{to{transform:rotate(360deg)}}@keyframes pageLoadingPulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:768px){.subscription-modal-overlay{padding:var(--spacing-lg) var(--spacing-sm)}.subscription-modal{max-height:calc(100vh - var(--spacing-2xl))}.subscription-modal-header,.subscription-modal-body{padding:var(--spacing-2xl)}.subscription-modal-footer{flex-direction:column;padding:var(--spacing-xl) var(--spacing-2xl)}.subscription-tier-change{gap:var(--spacing-md)}.subscription-tier-badge{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg)}.subscription-modal-icon{width:56px;height:56px;margin-bottom:var(--spacing-md)}.subscription-modal-icon svg{width:28px;height:28px}.subscription-modal-title{font-size:var(--font-size-xl)}.subscription-modal-details{padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}}@media(max-width:480px){.subscription-modal-overlay{padding:0;align-items:flex-end;justify-content:stretch}.subscription-modal{max-width:100%;width:100%;max-height:90vh;margin:0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-bottom:none;transform:translateY(100%);opacity:1;transition:transform .4s cubic-bezier(.32,.72,0,1);box-shadow:0 -8px 32px #0009;overflow-y:auto;overflow-x:hidden}.subscription-modal-overlay.active .subscription-modal{transform:translateY(0);opacity:1}.subscription-modal-header,.subscription-modal-body{padding:var(--spacing-xl) var(--spacing-xl)}.subscription-modal-header{padding-top:var(--spacing-md)}.subscription-modal-footer{padding:var(--spacing-lg) var(--spacing-xl) calc(var(--spacing-2xl) + env(safe-area-inset-bottom,16px));gap:var(--spacing-sm);border-top:1px solid var(--border-color)}.subscription-modal-icon{width:48px;height:48px;margin-bottom:var(--spacing-sm)}.subscription-modal-icon svg{width:24px;height:24px}.subscription-modal-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.subscription-modal-subtitle{font-size:var(--font-size-sm)}.subscription-tier-change{gap:var(--spacing-sm);margin:var(--spacing-xl) 0}.subscription-tier-badge{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.subscription-tier-arrow{width:24px;height:24px}.subscription-modal-details{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.subscription-modal-detail-item{gap:var(--spacing-sm)}.subscription-modal-detail-item:not(:last-child){margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-sm)}.subscription-modal-detail-icon{width:18px;height:18px}.subscription-modal-detail-text{font-size:var(--font-size-xs)}.subscription-modal-btn{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}}#notification-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;pointer-events:none}.notification{position:relative;display:flex;align-items:center;gap:14px;padding:16px 24px;border-radius:4px;font-size:14px;font-weight:500;backdrop-filter:blur(16px);max-width:500px;min-width:320px;margin-bottom:12px;pointer-events:auto;animation:slideDownNotification .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.notification:before{content:"";position:absolute;inset:0;border-radius:4px;padding:1px;background:linear-gradient(135deg,var(--gradient-from),var(--gradient-to));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.notification:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--glow-color),transparent);animation:scanline 2s linear infinite}@keyframes scanline{0%,to{opacity:0}50%{opacity:1}}.notification svg{flex-shrink:0;width:20px;height:20px;filter:drop-shadow(0 0 4px var(--glow-color))}.notification.error{--gradient-from: #ff0080;--gradient-to: #ff6b9d;--glow-color: #ff0080;background:linear-gradient(135deg,#14050ff2,#1e0814f2,#14050ff2);color:#ffe0f0;box-shadow:0 8px 32px #ff00804d,0 0 0 1px #ff00801a,inset 0 1px #ff6b9d1a}.notification.success{--gradient-from: #00ff88;--gradient-to: #00d9ff;--glow-color: #00ff88;background:linear-gradient(135deg,#05140ff2,#081914f2,#051412f2);color:#e0fff5;box-shadow:0 8px 32px #00ff884d,0 0 0 1px #00ff881a,inset 0 1px #00d9ff1a}.notification.warning{--gradient-from: #ffaa00;--gradient-to: #ff6600;--glow-color: #ffaa00;background:linear-gradient(135deg,#140f05f2,#191208f2,#140c05f2);color:#fff5e0;box-shadow:0 8px 32px #ffaa004d,0 0 0 1px #ffaa001a,inset 0 1px #ff66001a}.notification.info{--gradient-from: #00d9ff;--gradient-to: #7c3aed;--glow-color: #00d9ff;background:linear-gradient(135deg,#050f14f2,#0a0819f2,#080c14f2);color:#e0f5ff;box-shadow:0 8px 32px #00d9ff4d,0 0 0 1px #00d9ff1a,inset 0 1px #7c3aed1a}@keyframes slideDownNotification{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification.fade-out{animation:fadeOutNotification .3s ease-out forwards}@keyframes fadeOutNotification{to{opacity:0;transform:translateY(-20px) scale(.95)}}@media(max-width:768px){.dashboard-content{padding:16px 12px!important}button,a.nav-item,.icon-btn,.action-btn-modern{min-height:44px;min-width:44px}.dashboard-content>div:first-child{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:20px!important}.search-container-bits{width:100%!important;max-width:100%!important;flex:none!important;margin:0!important}.search-input{font-size:16px!important;padding:12px 16px 12px 44px!important}.dashboard-content>div:first-child>div:last-child{margin-left:0!important;width:100%;display:flex;gap:8px}.filter-group{flex:1;min-width:0;display:flex;justify-content:space-between;padding:3px;gap:2px}.filter-btn{flex:1;min-width:0;padding:10px 6px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-header{margin-bottom:20px!important;flex-direction:column!important;align-items:stretch!important;display:flex!important}.content-header>div{width:100%!important;display:block!important}.section-title{font-size:20px!important;width:100%!important;display:block!important;margin-bottom:4px!important}.section-subtitle{font-size:13px!important;width:100%!important;display:block!important;margin-bottom:0!important}.create-bit-btn{width:100%;justify-content:center;padding:14px 20px;font-size:15px}.bits-grid-modern{gap:16px!important}.bit-card-modern{padding:16px!important;min-height:auto!important}.bit-card-modern:hover{transform:none!important}.bit-header-modern{margin-bottom:12px!important}.bit-meta-modern{gap:8px!important;flex-wrap:wrap}.bit-time{font-size:12px!important}.bit-id-badge{font-size:10px!important;padding:3px 8px!important}.bit-content-modern{font-size:14px!important;-webkit-line-clamp:3}.bit-footer-modern{flex-direction:column;align-items:flex-start;gap:12px;padding-top:12px!important}.bit-actions-modern{align-self:flex-end}.stats-grid{gap:12px!important;grid-template-columns:1fr!important}.stat-card{padding:16px!important;display:flex!important;flex-direction:column!important;min-height:auto!important}.stat-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important;width:100%}.stat-label{font-size:11px!important;flex:1!important;text-align:left!important;margin:0!important}.stat-icon{width:36px!important;height:36px!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.stat-icon svg{width:16px!important;height:16px!important;flex-shrink:0!important}.stat-value{font-size:28px!important;margin-bottom:0!important;line-height:1!important;display:block!important;width:100%;text-align:left!important}.history-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px}.history-table{min-width:600px}.history-table th,.history-table td{padding:10px 8px!important;font-size:12px!important}.history-table th:first-child,.history-table td:first-child{position:sticky;left:0;background:var(--bg-card);z-index:1}.form-container-modern{padding:16px!important}.form-header-modern{margin-bottom:16px!important;padding-bottom:16px!important}.back-btn-modern{font-size:13px!important;padding:10px 14px!important}.form-group-modern{gap:6px!important}.form-label-modern{font-size:13px!important}.form-input-modern,.form-textarea-modern,.form-select-modern{font-size:16px!important;padding:12px 14px!important}.form-textarea-modern{min-height:120px!important}.form-actions-modern{flex-direction:column-reverse;gap:10px!important}.btn-primary-modern,.btn-secondary-modern{width:100%;justify-content:center;padding:14px 20px!important}.pricing-grid{grid-template-columns:1fr!important;gap:16px!important}.pricing-card{padding:20px!important}.pricing-header{margin-bottom:16px!important}.pricing-title{font-size:20px!important}.pricing-price{font-size:32px!important}.pricing-features{margin-bottom:16px!important}.pricing-feature{padding:10px 0!important;font-size:14px!important}.pricing-btn{width:100%;padding:14px 20px!important;font-size:15px!important}.settings-section{margin-bottom:24px!important}.settings-section-title{font-size:16px!important;margin-bottom:12px!important}.settings-row{flex-direction:column;align-items:flex-start!important;gap:8px!important}.settings-label{font-size:13px!important}.modal-content{width:95%!important;margin:0 auto;max-height:85vh!important}.modal-header{padding:16px 20px!important}.modal-header h3{font-size:18px!important}.modal-body{padding:20px!important}.modal-footer{padding:16px 20px!important;flex-direction:column-reverse;gap:10px!important}.modal-footer button{width:100%;padding:12px 20px!important}.empty-state-table{padding:60px 20px!important}.empty-state-table p{font-size:14px!important}.checkout-container{padding:16px!important}.checkout-summary{padding:16px!important;margin-bottom:16px!important}.checkout-summary-item{font-size:14px!important}.checkout-total{font-size:20px!important}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}html{scroll-behavior:smooth}body{overflow-x:hidden}a,button,input,textarea,select{-webkit-tap-highlight-color:rgba(124,58,237,.1)}.main-content{padding-bottom:env(safe-area-inset-bottom,20px)}}@media(max-width:375px){.dashboard-content{padding:12px 10px!important}.section-title{font-size:18px!important}.filter-btn{font-size:11px!important;padding:10px 6px!important}.bit-card-modern{padding:14px!important}.stat-value{font-size:24px!important}.mobile-logo-text{font-size:16px!important}}