.onboarding-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s ease;padding:20px}.onboarding-overlay.visible{opacity:1}.onboarding-modal{background:var(--card);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-width:600px;width:100%;padding:40px;position:relative;transform:scale(.9) translateY(20px);opacity:0;transition:all .3s ease}.onboarding-modal.visible{transform:scale(1) translateY(0);opacity:1}.onboarding-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.onboarding-close:hover{background:var(--bg);color:var(--text)}.onboarding-progress{position:absolute;top:0;left:0;right:0;height:4px;background:var(--bg);border-radius:16px 16px 0 0;overflow:hidden}.onboarding-progress-bar{height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1);transition:width .3s ease}.onboarding-step-indicator{position:absolute;top:20px;left:24px;font-size:12px;font-weight:600;color:var(--muted);background:var(--bg);padding:4px 12px;border-radius:12px}.onboarding-content{text-align:center;padding:40px 0 32px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.onboarding-illustration{font-size:80px;margin-bottom:24px;animation:float 3s ease-in-out infinite}.onboarding-title{font-size:28px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-description{font-size:16px;line-height:1.6;color:var(--muted);max-width:480px;margin:0 auto 24px}.onboarding-action-button{background:var(--accent);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.onboarding-action-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf64d}.onboarding-navigation{display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.onboarding-nav-button{flex:1;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;border:none}.onboarding-nav-button.primary{background:var(--accent);color:#fff}.onboarding-nav-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf64d}.onboarding-nav-button.secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.onboarding-nav-button.secondary:hover:not(:disabled){background:var(--card)}.onboarding-nav-button:disabled{opacity:.5;cursor:not-allowed}.onboarding-skip{display:block;width:100%;text-align:center;color:var(--muted);font-size:13px;background:transparent;border:none;cursor:pointer;padding:8px;transition:color .2s ease}.onboarding-skip:hover{color:var(--text);text-decoration:underline}.onboarding-dots{display:flex;gap:8px;justify-content:center;margin-top:24px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--bg);border:none;cursor:pointer;transition:all .3s ease;padding:0}.onboarding-dot.active{width:24px;border-radius:4px;background:var(--accent)}.onboarding-dot.completed{background:var(--accent);opacity:.5}.onboarding-dot:hover{transform:scale(1.2)}@media(max-width:640px){.onboarding-modal{padding:32px 24px;max-height:90vh;overflow-y:auto}.onboarding-illustration{font-size:64px;margin-bottom:20px}.onboarding-title{font-size:24px}.onboarding-description{font-size:14px}.onboarding-navigation{flex-direction:column}.onboarding-nav-button{width:100%}.onboarding-content{min-height:250px;padding:32px 0 24px}}.onboarding-nav-button:focus,.onboarding-dot:focus,.onboarding-close:focus{outline:2px solid var(--accent);outline-offset:2px}.biometric-modal-overlay{position:fixed!important;inset:0!important;background:#00000080!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important;animation:fadeIn .2s ease-out}.biometric-setup-modal{background:var(--card-bg);border-radius:16px;width:90%;max-width:480px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.biometric-setup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.biometric-setup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text)}.biometric-setup-body{padding:32px 24px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;text-align:center}.biometric-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:50%;margin-bottom:24px;color:var(--primary)}.biometric-icon.enabled{background:linear-gradient(135deg,#22c55e1a,#10b9811a);color:#22c55e}.biometric-setup-body h3{margin:0 0 12px;font-size:24px;font-weight:700;color:var(--text)}.biometric-setup-body .description{margin:0 0 32px;font-size:15px;line-height:1.6;color:var(--muted);max-width:400px}.biometric-features{display:flex;flex-direction:column;gap:16px;width:100%;max-width:360px;margin-bottom:32px}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--hover);border-radius:10px;text-align:left}.feature-item span{font-size:14px;color:var(--text);font-weight:500}.biometric-settings{width:100%;max-width:400px;margin-bottom:24px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--hover);border:1px solid var(--border);border-radius:12px}.setting-info{display:flex;align-items:center;gap:12px;flex:1;text-align:left}.setting-label{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.setting-hint{font-size:13px;color:var(--muted)}.setup-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s;font-family:inherit;width:100%;max-width:320px}.setup-btn.primary{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff}.setup-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.setup-btn.primary:disabled{opacity:.6;cursor:not-allowed}.setup-btn.danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.setup-btn.danger:hover{background:#ef444433;border-color:#ef444480}.error-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:20px;width:100%;max-width:360px}.biometric-not-supported{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px}.biometric-not-supported h3{margin:0;font-size:22px;font-weight:700;color:var(--text)}.biometric-not-supported p{margin:0;font-size:15px;line-height:1.6;color:var(--muted);max-width:360px}.biometric-not-supported .hint{font-size:13px;color:var(--muted);font-style:italic}@media(max-width:600px){.biometric-setup-modal{width:95%}.biometric-setup-header{padding:16px 20px}.biometric-setup-body{padding:24px 20px}.biometric-icon{width:100px;height:100px}.biometric-setup-body h3{font-size:20px}.setup-btn{padding:12px 24px}}.pin-pad{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;max-width:400px;margin:0 auto;outline:none}.pin-header{text-align:center;margin-bottom:32px}.pin-title{font-size:20px;font-weight:600;color:var(--text);margin:0 0 8px}.pin-subtitle{font-size:14px;color:var(--muted);margin:0}.pin-dots{display:flex;gap:16px;margin-bottom:24px;transition:transform .1s ease}.pin-dots.shake{animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);background:transparent;transition:all .2s ease}.pin-dot.filled{background:var(--primary);border-color:var(--primary);transform:scale(1.1)}.pin-error{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;margin-bottom:16px;animation:fadeIn .3s ease}.pin-loading{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#8b5cf61a;border-radius:8px;color:var(--primary);font-size:14px;margin-bottom:16px}.pin-loading .spinner{animation:spin 1s linear infinite}.pin-keypad{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;width:100%;max-width:300px}.pin-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pin-key{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:500;border:none;border-radius:50%;background:var(--card-bg);border:2px solid var(--border);color:var(--text);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}.pin-key:not(.empty):not(:disabled):hover{background:var(--hover);border-color:var(--primary);transform:scale(1.05)}.pin-key:not(.empty):not(:disabled):active{transform:scale(.95);background:#8b5cf61a}.pin-key:disabled{opacity:.5;cursor:not-allowed}.pin-key.empty{background:transparent;border:none;cursor:default}.pin-key.backspace{color:var(--muted)}.pin-key.backspace:not(:disabled):hover{color:#ef4444;border-color:#ef4444}.pin-hint{font-size:13px;color:var(--muted);text-align:center;margin:0}@media(max-width:480px){.pin-pad{padding:24px 16px}.pin-keypad{max-width:280px}.pin-key{font-size:22px}.pin-dots{gap:12px}.pin-dot{width:14px;height:14px}}[data-theme=dark] .pin-key{background:#ffffff0d}[data-theme=dark] .pin-key:not(.empty):not(:disabled):hover{background:#ffffff1a}[data-theme=dark] .pin-key:not(.empty):not(:disabled):active{background:#8b5cf633}.pin-setup-modal{background:var(--card-bg);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;animation:modalSlideUp .3s ease-out}.pin-setup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.pin-setup-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text)}.back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:6px;transition:all .2s;padding:0}.back-btn:hover{background:var(--hover);color:var(--text)}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:6px;transition:all .2s;padding:0}.close-btn:hover{background:var(--hover);color:var(--text)}.pin-setup-body{padding:24px;overflow-y:auto;flex:1}.pin-option{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--hover);border:1px solid var(--border);border-radius:12px;margin-top:24px}.option-info{display:flex;align-items:center;gap:12px;flex:1;text-align:left}.option-label{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.option-hint{font-size:13px;color:var(--muted)}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.pin-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px;gap:16px}.success-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e1a,#10b9811a);border-radius:50%;animation:scaleIn .5s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.pin-success h3{margin:0;font-size:24px;font-weight:700;color:var(--text)}.pin-success p{margin:0;font-size:15px;line-height:1.6;color:var(--muted);max-width:320px}.pin-setup-footer{padding:16px 24px;border-top:1px solid var(--border);background:#8b5cf60d}.footer-hint{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);line-height:1.5}@media(max-width:600px){.pin-setup-modal{width:95%}.pin-setup-header{padding:16px 20px}.pin-setup-body{padding:20px 16px}.pin-success{padding:32px 16px}.success-icon{width:100px;height:100px}.pin-success h3{font-size:20px}}[data-theme=dark] .toggle-slider:before{background-color:#1f2937}.lock-screen{position:fixed;inset:0;z-index:10000;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}[data-theme=dark] .lock-screen{background:linear-gradient(135deg,#1e1b4b,#312e81)}.lock-screen-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:480px;width:100%}.lock-screen-icon{width:140px;height:140px;display:flex;align-items:center;justify-content:center;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;margin-bottom:32px;color:#fff;box-shadow:0 8px 32px #0003}.lock-screen-title{margin:0 0 12px;font-size:32px;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.lock-screen-description{margin:0 0 32px;font-size:16px;color:#ffffffe6;line-height:1.5}.lock-auth-container{width:100%;max-width:400px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:20px;padding:24px;margin-bottom:24px}.lock-auth-container.biometric{display:flex;flex-direction:column;align-items:center}.biometric-prompt{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:20px;margin-bottom:32px;width:100%;max-width:280px}.biometric-prompt svg{color:#fff;animation:pulse 2s ease-in-out infinite}.biometric-hint{margin:0;font-size:15px;font-weight:600;color:#fff}.lock-error{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#ef444433;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-size:14px;font-weight:500;margin-bottom:24px;width:100%;max-width:360px}.unlock-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 40px;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s;font-family:inherit;width:100%;max-width:320px;margin-bottom:12px}.unlock-btn.primary{background:#fff;color:#667eea;box-shadow:0 4px 16px #0003}.unlock-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.unlock-btn.primary:disabled{opacity:.6;cursor:not-allowed}.unlock-btn.secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);font-size:14px;padding:12px 32px}.unlock-btn.secondary:hover{background:#ffffff26;border-color:#ffffff4d}.auth-switcher{display:flex;justify-content:center;margin-bottom:20px}.auth-switch-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:10px;cursor:pointer;transition:all .2s;font-family:inherit}.auth-switch-btn:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:translateY(-1px)}.auth-switch-btn:disabled{opacity:.5;cursor:not-allowed}.lock-screen-hint{margin:24px 0 0;font-size:13px;color:#ffffffb3;line-height:1.5;max-width:360px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.spinner{animation:spin 1s linear infinite}@media(max-width:600px){.lock-screen-icon{width:120px;height:120px}.lock-screen-title{font-size:28px}.lock-screen-description{font-size:15px}.biometric-prompt{padding:24px}.unlock-btn{padding:14px 32px}.unlock-btn.secondary{padding:10px 24px}}.feature-tooltip-target{position:relative;display:inline-flex}.feature-tooltip-indicator{position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:var(--accent, #6366f1);border-radius:50%;animation:feature-pulse 2s infinite;pointer-events:none;z-index:1}.feature-tooltip-indicator:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--accent, #6366f1);opacity:.3;animation:feature-pulse-ring 2s infinite}@keyframes feature-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes feature-pulse-ring{0%{transform:scale(1);opacity:.4}to{transform:scale(2);opacity:0}}.feature-tooltip{position:fixed;z-index:10000;width:280px;max-width:calc(100vw - 32px);background:var(--card, #ffffff);border:1px solid var(--border, rgba(0, 0, 0, .1));border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 20px 25px -5px #0000001a;animation:feature-tooltip-enter .2s ease-out;overflow:hidden}@keyframes feature-tooltip-enter{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:root.dark .feature-tooltip{background:var(--card, #1f2937);border-color:var(--border, rgba(255, 255, 255, .1))}.feature-tooltip-arrow{position:absolute;width:12px;height:12px;background:var(--card, #ffffff);border:1px solid var(--border, rgba(0, 0, 0, .1));transform:rotate(45deg)}:root.dark .feature-tooltip-arrow{background:var(--card, #1f2937);border-color:var(--border, rgba(255, 255, 255, .1))}.feature-tooltip-arrow-top{bottom:-7px;left:50%;margin-left:-6px;border-top:none;border-left:none}.feature-tooltip-arrow-bottom{top:-7px;left:50%;margin-left:-6px;border-bottom:none;border-right:none}.feature-tooltip-arrow-left{right:-7px;top:50%;margin-top:-6px;border-top:none;border-left:none}.feature-tooltip-arrow-right{left:-7px;top:50%;margin-top:-6px;border-bottom:none;border-right:none}.feature-tooltip-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-bottom:1px solid var(--border, rgba(0, 0, 0, .05))}.feature-tooltip-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--accent, #6366f1);color:#fff;font-size:11px;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.feature-tooltip-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--muted, #6b7280);border-radius:6px;cursor:pointer;transition:all .15s ease}.feature-tooltip-close:hover{background:var(--hover, rgba(0, 0, 0, .05));color:var(--text, #111827)}:root.dark .feature-tooltip-close:hover{background:var(--hover, rgba(255, 255, 255, .1));color:var(--text, #f9fafb)}.feature-tooltip-content{padding:12px}.feature-tooltip-title{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text, #111827)}:root.dark .feature-tooltip-title{color:var(--text, #f9fafb)}.feature-tooltip-description{margin:0;font-size:13px;line-height:1.5;color:var(--muted, #6b7280)}.feature-tooltip-tips{margin:12px 0 0;padding:8px;background:#3b82f60d;border-radius:8px;list-style:none}.feature-tooltip-tips li{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:var(--muted, #6b7280);line-height:1.4}.feature-tooltip-tips li:not(:last-child){margin-bottom:6px}.feature-tooltip-tips li svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.feature-tooltip-footer{padding:8px 12px 12px}.feature-tooltip-button{width:100%;padding:8px 16px;background:var(--accent, #6366f1);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.feature-tooltip-button:hover{background:var(--accent-hover, #4f46e5);transform:translateY(-1px)}.feature-tooltip-button:active{transform:translateY(0)}@media(max-width:640px){.feature-tooltip{width:calc(100vw - 32px);max-width:320px}}@media(prefers-reduced-motion:reduce){.feature-tooltip-indicator,.feature-tooltip-indicator:before{animation:none}.feature-tooltip{animation:none}}.tax-export-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.tax-export-modal{background:var(--card-bg);border-radius:16px;width:90%;max-width:550px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.tax-export-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border)}.tax-export-header-left{display:flex;align-items:center;gap:12px}.tax-export-icon{font-size:32px;line-height:1}.tax-export-title{margin:0;font-size:20px;font-weight:600;color:var(--text)}.tax-export-close{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.tax-export-close:hover{background:var(--hover);color:var(--text)}.tax-export-content{padding:24px;max-height:calc(90vh - 180px);overflow-y:auto}.tax-export-field{margin-bottom:20px}.tax-export-label{display:block;font-size:14px;font-weight:500;color:var(--text);margin-bottom:8px}.tax-export-select{width:100%;padding:12px 16px;font-size:15px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;transition:all .2s;font-family:inherit}.tax-export-select:hover{border-color:var(--primary)}.tax-export-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.tax-export-alert{display:flex;gap:12px;padding:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;margin-bottom:20px}.tax-export-alert-icon{font-size:20px;line-height:1;flex-shrink:0}.tax-export-alert-content{font-size:13px;line-height:1.6;color:var(--text)}.tax-export-alert-content strong{font-weight:600}.tax-export-info{padding:16px;background:var(--hover);border-radius:12px;border:1px solid var(--border)}.tax-export-info-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text)}.tax-export-info-list{margin:0;padding-left:0;list-style:none}.tax-export-info-list li{padding:6px 0;font-size:13px;line-height:1.5;color:var(--muted)}.tax-export-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border);justify-content:flex-end}.tax-export-button{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-family:inherit}.tax-export-button.secondary{background:var(--hover);color:var(--text)}.tax-export-button.secondary:hover{background:var(--border)}.tax-export-button.primary{background:var(--primary);color:#fff}.tax-export-button.primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.tax-export-button:active{transform:translateY(0)}@media(max-width:600px){.tax-export-modal{width:95%;max-height:95vh}.tax-export-header{padding:20px}.tax-export-title{font-size:18px}.tax-export-icon{font-size:28px}.tax-export-content{padding:20px;max-height:calc(95vh - 160px)}.tax-export-footer{padding:16px 20px;flex-direction:column}.tax-export-button{width:100%;justify-content:center}}[data-theme=dark] .tax-export-modal{box-shadow:0 20px 60px #0009}[data-theme=dark] .tax-export-alert{background:#f59e0b26;border-color:#f59e0b66}.alert-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.alert-modal{background:var(--card-bg);border-radius:16px;width:90%;max-width:550px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border)}.alert-modal-header-left{display:flex;align-items:center;gap:12px}.alert-modal-icon{font-size:32px;line-height:1}.alert-modal-title{margin:0;font-size:20px;font-weight:600;color:var(--text)}.alert-modal-subtitle{margin:4px 0 0;font-size:14px;color:var(--muted)}.alert-modal-close{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.alert-modal-close:hover{background:var(--hover);color:var(--text)}.alert-modal-content{padding:24px;max-height:calc(90vh - 180px);overflow-y:auto}.alert-modal-field{margin-bottom:24px}.alert-modal-label{display:block;font-size:14px;font-weight:500;color:var(--text);margin-bottom:12px}.alert-modal-radio-group{display:flex;flex-direction:column;gap:8px}.alert-modal-radio{display:flex;align-items:center;gap:12px;padding:16px;background:var(--hover);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%;font-family:inherit;color:var(--text)}.alert-modal-radio:hover{background:var(--border);border-color:var(--primary)}.alert-modal-radio.active{background:#6366f11a;border-color:var(--primary)}.alert-modal-radio svg{flex-shrink:0;color:var(--muted);transition:color .2s}.alert-modal-radio.active svg{color:var(--primary)}.alert-modal-radio-title{font-weight:500;font-size:15px;margin-bottom:2px}.alert-modal-radio-desc{font-size:13px;color:var(--muted)}.alert-modal-input{width:100%;padding:12px 16px;font-size:15px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);transition:all .2s;font-family:inherit}.alert-modal-input:hover{border-color:var(--primary)}.alert-modal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.alert-modal-hint{margin-top:8px;font-size:13px;color:var(--muted);line-height:1.5}.alert-modal-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;margin-bottom:16px}.alert-modal-error svg{flex-shrink:0}.alert-modal-info{display:flex;gap:12px;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;font-size:13px;line-height:1.6;color:var(--text)}.alert-modal-info svg{flex-shrink:0;color:#3b82f6;margin-top:2px}.alert-modal-info strong{font-weight:600}.alert-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border);justify-content:flex-end}.alert-modal-button{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-family:inherit}.alert-modal-button.secondary{background:var(--hover);color:var(--text)}.alert-modal-button.secondary:hover{background:var(--border)}.alert-modal-button.primary{background:var(--primary);color:#fff}.alert-modal-button.primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.alert-modal-button:active{transform:translateY(0)}@media(max-width:600px){.alert-modal{width:95%;max-height:95vh}.alert-modal-header{padding:20px}.alert-modal-title{font-size:18px}.alert-modal-icon{font-size:28px}.alert-modal-content{padding:20px;max-height:calc(95vh - 160px)}.alert-modal-footer{padding:16px 20px;flex-direction:column}.alert-modal-button{width:100%;justify-content:center}.alert-modal-radio{padding:12px}.alert-modal-radio-title{font-size:14px}.alert-modal-radio-desc{font-size:12px}}[data-theme=dark] .alert-modal{box-shadow:0 20px 60px #0009}[data-theme=dark] .alert-modal-radio{background:#ffffff0d}[data-theme=dark] .alert-modal-radio:hover{background:#ffffff14}[data-theme=dark] .alert-modal-radio.active{background:#6366f126}.owl-mascot{position:relative;display:inline-flex;flex-direction:column;align-items:center;z-index:10}.owl-mascot__svg{filter:drop-shadow(0 4px 12px rgba(139,92,246,.3));transition:transform .3s ease}.owl-mascot:hover .owl-mascot__svg{transform:scale(1.05)}.owl-mascot__bubble{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:6px 12px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #8b5cf64d;animation:bubble-float 2s ease-in-out infinite}.owl-mascot__bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#7c3aed}.owl-mascot__bubble--hover{animation:bubble-appear .3s ease-out forwards,bubble-float 2s ease-in-out .3s infinite}@keyframes bubble-appear{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes bubble-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.owl-mascot__wing{animation:wing-flap 4s ease-in-out infinite}.owl-mascot__wing--left{transform-origin:34px 55px}.owl-mascot__wing--right{transform-origin:66px 55px;animation-delay:.2s}@keyframes wing-flap{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.owl-mascot__pupil{animation:pupil-look 5s ease-in-out infinite}@keyframes pupil-look{0%,to{transform:translate(0)}30%{transform:translate(2px)}70%{transform:translate(-2px)}}.owl-mascot__sparkle{opacity:0;animation:sparkle-appear 3s ease-in-out infinite}.owl-mascot__sparkle:nth-child(2){animation-delay:1.5s}@keyframes sparkle-appear{0%,40%,to{opacity:0;transform:scale(.8)}50%,60%{opacity:1;transform:scale(1)}}.owl-mascot--small .owl-mascot__bubble{font-size:10px;padding:4px 8px}.owl-mascot--large .owl-mascot__bubble{font-size:13px;padding:8px 16px}.owl-mascot--perched{position:absolute;bottom:100%;right:8px;margin-bottom:-12px}.owl-mascot--perched .owl-mascot__svg{transform:translateY(10px)}.owl-mascot--perched:hover .owl-mascot__svg{transform:translateY(10px) scale(1.05)}.confirmation-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal-backdrop, 999);display:flex;align-items:center;justify-content:center;padding:var(--space-4, 16px);background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.confirmation-modal{position:relative;width:100%;max-width:var(--modal-width-sm, 400px);background:var(--card, #fff);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-modal, 0 20px 40px -10px rgba(0, 0, 0, .3));overflow:hidden;outline:none}.confirmation-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-6, 24px) var(--space-6, 24px) 0}.confirmation-modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg, 12px);flex-shrink:0}.confirmation-modal-close{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);margin:-8px -8px 0 0;padding:0;border:none;background:transparent;border-radius:var(--radius-md, 8px);color:var(--muted, #666);cursor:pointer;transition:background-color var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease)}.confirmation-modal-close:hover{background-color:var(--hover, rgba(0, 0, 0, .05));color:var(--text, #1b1b1b)}.confirmation-modal-close:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, #1177ee);outline-offset:var(--focus-ring-offset, 2px)}.confirmation-modal-close:disabled{opacity:.5;cursor:not-allowed}.confirmation-modal-content{padding:var(--space-4, 16px) var(--space-6, 24px)}.confirmation-modal-title{margin:0 0 var(--space-2, 8px);font-size:var(--font-size-lg, 16px);font-weight:var(--font-weight-semibold, 600);color:var(--text, #1b1b1b);line-height:var(--line-height-tight, 1.2)}.confirmation-modal-message{color:var(--muted, #666);font-size:var(--font-size-base, 14px);line-height:var(--line-height-relaxed, 1.6)}.confirmation-modal-message p{margin:0}.confirmation-modal-actions{display:flex;gap:var(--space-3, 12px);padding:var(--space-4, 16px) var(--space-6, 24px) var(--space-6, 24px);justify-content:flex-end}.confirmation-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);min-height:var(--touch-target-min, 44px);padding:var(--space-3, 12px) var(--space-5, 20px);font-size:var(--font-size-base, 14px);font-weight:var(--font-weight-medium, 500);border-radius:var(--radius-md, 8px);border:none;cursor:pointer;transition:background-color var(--transition-fast, .15s ease),transform var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.confirmation-btn:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, #1177ee);outline-offset:var(--focus-ring-offset, 2px)}.confirmation-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.confirmation-btn:not(:disabled):active{transform:scale(.98)}.confirmation-btn-cancel{background-color:var(--hover, rgba(0, 0, 0, .05));color:var(--text, #1b1b1b)}.confirmation-btn-cancel:hover:not(:disabled){background-color:var(--border, #d7dbe0)}body.dark-mode .confirmation-btn-cancel{background-color:#ffffff1a;color:var(--text)}body.dark-mode .confirmation-btn-cancel:hover:not(:disabled){background-color:#ffffff26}.confirmation-btn-danger{background-color:var(--color-error, #ef4444);color:#fff}.confirmation-btn-danger:hover:not(:disabled){background-color:var(--color-error-dark, #dc2626);box-shadow:0 4px 12px #ef44444d}.confirmation-btn-warning{background-color:var(--color-warning, #f59e0b);color:#fff}.confirmation-btn-warning:hover:not(:disabled){background-color:var(--color-warning-dark, #d97706);box-shadow:0 4px 12px #f59e0b4d}.confirmation-btn-info{background-color:var(--color-info, #3b82f6);color:#fff}.confirmation-btn-info:hover:not(:disabled){background-color:var(--color-info-dark, #2563eb);box-shadow:0 4px 12px #3b82f64d}.confirmation-btn-success{background-color:var(--color-success, #10b981);color:#fff}.confirmation-btn-success:hover:not(:disabled){background-color:var(--color-success-dark, #059669);box-shadow:0 4px 12px #10b9814d}.confirmation-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:confirmation-spin .8s linear infinite}@keyframes confirmation-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.confirmation-modal-overlay{align-items:flex-end;padding:0}.confirmation-modal{max-width:100%;border-radius:var(--radius-xl, 16px) var(--radius-xl, 16px) 0 0}.confirmation-modal-actions{flex-direction:column-reverse}.confirmation-btn{width:100%}}@media(prefers-reduced-motion:reduce){.confirmation-modal,.confirmation-btn,.confirmation-modal-close{transition:none}.confirmation-spinner{animation:none}}.quiz-page{min-height:100vh;padding:16px 24px;max-width:1200px;margin:0 auto}.quiz-hero{position:relative;background:linear-gradient(135deg,#8b5cf633,#3b82f626,#10b9811a);border:1px solid rgba(139,92,246,.3);border-radius:24px;padding:32px;margin-bottom:24px;overflow:hidden}.quiz-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);pointer-events:none}.quiz-hero__content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.quiz-hero__left{flex:1;min-width:280px}.quiz-hero__badge{display:inline-flex;align-items:center;gap:6px;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#a78bfa;margin-bottom:16px}.quiz-hero__title{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.2}.quiz-hero__subtitle{font-size:16px;color:#fff9;margin:0}.quiz-hero__stats{display:flex;gap:12px;flex-wrap:wrap}.quiz-stat-card{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 20px;min-width:100px;text-align:center;transition:all .3s ease}.quiz-stat-card:hover{transform:translateY(-4px);border-color:#8b5cf666;box-shadow:0 8px 24px #8b5cf633}.quiz-stat-card__value{font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.quiz-stat-card__value--purple{color:#a78bfa}.quiz-stat-card__value--green{color:#10b981}.quiz-stat-card__value--orange{color:#f59e0b}.quiz-stat-card__value--cyan{color:#06b6d4}.quiz-stat-card__label{font-size:11px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.quiz-level{margin-top:20px}.quiz-level__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.quiz-level__title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff}.quiz-level__title svg{color:#f59e0b}.quiz-level__xp{font-size:12px;color:#ffffff80}.quiz-level__bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.quiz-level__progress{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:4px;transition:width .5s ease}.quiz-categories{margin-bottom:24px}.quiz-categories__title{font-size:14px;font-weight:600;color:#ffffffb3;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.quiz-categories__grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.3) transparent}.quiz-categories__grid::-webkit-scrollbar{height:6px}.quiz-categories__grid::-webkit-scrollbar-track{background:transparent}.quiz-categories__grid::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.quiz-category-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:13px;font-weight:500;color:#ffffffb3;cursor:pointer;transition:all .2s ease;white-space:nowrap}.quiz-category-chip:hover{background:#ffffff0f;border-color:#ffffff26;color:#fff}.quiz-category-chip--active{background:linear-gradient(135deg,#8b5cf633,#6366f126);border-color:#8b5cf666;color:#fff}.quiz-category-chip__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.quiz-category-chip__count{font-size:11px;color:#fff6;margin-left:4px}.quiz-main{display:grid;grid-template-columns:1fr 320px;gap:24px}@media(max-width:900px){.quiz-main{grid-template-columns:1fr}}.quiz-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:all .3s ease}.quiz-card:hover{border-color:#ffffff1f}.quiz-question__header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.quiz-question__meta{display:flex;align-items:center;gap:10px}.quiz-question__category{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;color:#fff}.quiz-question__difficulty{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;color:#fff}.quiz-question__difficulty--easy{background:#10b98133;color:#10b981}.quiz-question__difficulty--medium{background:#f59e0b33;color:#f59e0b}.quiz-question__difficulty--hard{background:#ef444433;color:#ef4444}.quiz-question__number{font-size:13px;color:#fff6}.quiz-question__content{padding:28px 24px}.quiz-question__text{font-size:20px;font-weight:600;color:#fff;line-height:1.5;margin:0 0 28px}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-option{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#ffffff05;border:2px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:all .2s ease;text-align:left}.quiz-option:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff26;transform:translate(4px)}.quiz-option--selected{background:#8b5cf61a;border-color:#8b5cf680}.quiz-option--correct{background:#10b9811a;border-color:#10b981}.quiz-option--incorrect{background:#ef44441a;border-color:#ef4444}.quiz-option--disabled{cursor:default;opacity:.6}.quiz-option--disabled:hover{transform:none}.quiz-option__letter{width:36px;height:36px;border-radius:10px;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;transition:all .2s ease}.quiz-option--selected .quiz-option__letter{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.quiz-option--correct .quiz-option__letter{background:#10b981;border-color:#10b981;color:#fff}.quiz-option--incorrect .quiz-option__letter{background:#ef4444;border-color:#ef4444;color:#fff}.quiz-option__text{font-size:15px;color:#ffffffe6;line-height:1.4}.quiz-action{padding:20px 24px;border-top:1px solid rgba(255,255,255,.06)}.quiz-action__btn{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px}.quiz-action__btn--primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.quiz-action__btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.quiz-action__btn--primary:disabled{opacity:.5;cursor:not-allowed}.quiz-action__btn--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.quiz-action__btn--success:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.quiz-explanation{margin:20px 24px 0;padding:20px;border-radius:16px;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-explanation--correct{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.3)}.quiz-explanation--incorrect{background:linear-gradient(135deg,#ef44441a,#ef444405);border:1px solid rgba(239,68,68,.2)}.quiz-explanation__header{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:600;font-size:15px}.quiz-explanation__header--correct{color:#10b981}.quiz-explanation__header--incorrect{color:#ef4444}.quiz-explanation__content{display:flex;gap:12px}.quiz-explanation__icon{color:#f59e0b;flex-shrink:0;margin-top:2px}.quiz-explanation__text{font-size:14px;line-height:1.6;color:#fffc;margin:0}.quiz-explanation__link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 18px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:10px;color:#fff;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease}.quiz-explanation__link:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.quiz-explanation__link--disabled{background:linear-gradient(135deg,#6b72804d,#4b55634d);cursor:not-allowed;opacity:.7}.quiz-explanation__link--disabled:hover{transform:none;box-shadow:none}.quiz-explanation__link-soon{font-size:11px;opacity:.7;font-style:italic}.quiz-sidebar{display:flex;flex-direction:column;gap:16px}.quiz-streak-card{background:linear-gradient(135deg,#f59e0b26,#ea580c1a);border:1px solid rgba(245,158,11,.3);border-radius:16px;padding:20px;text-align:center}.quiz-streak-card__icon{width:56px;height:56px;margin:0 auto 12px;background:linear-gradient(135deg,#f59e0b,#ea580c);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.quiz-streak-card__value{font-size:36px;font-weight:700;color:#f59e0b;line-height:1}.quiz-streak-card__label{font-size:13px;color:#fff9;margin-top:4px}.quiz-streak-card__best{margin-top:12px;padding-top:12px;border-top:1px solid rgba(245,158,11,.2);font-size:12px;color:#ffffff80}.quiz-streak-card__best span{color:#f59e0b;font-weight:600}.quiz-progress-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px}.quiz-progress-card__title{font-size:14px;font-weight:600;color:#fff;margin:0 0 16px;display:flex;align-items:center;gap:8px}.quiz-progress-card__title svg{color:#8b5cf6}.quiz-progress-card__list{display:flex;flex-direction:column;gap:12px}.quiz-progress-item{display:flex;align-items:center;gap:12px}.quiz-progress-item__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.quiz-progress-item__info{flex:1;min-width:0}.quiz-progress-item__name{font-size:13px;font-weight:500;color:#fffc;margin-bottom:4px}.quiz-progress-item__bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.quiz-progress-item__fill{height:100%;border-radius:2px;transition:width .3s ease}.quiz-progress-item__score{font-size:12px;font-weight:600;color:#fff9;min-width:36px;text-align:right}.quiz-completed{text-align:center;padding:48px 24px}.quiz-completed__icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#f59e0b,#ea580c);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:bounce .5s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.quiz-completed__title{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px}.quiz-completed__text{font-size:15px;color:#fff9;margin:0 0 24px}.quiz-completed__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.quiz-mascot{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:100px;height:100px;cursor:pointer;z-index:10;animation:mascotFloat 3s ease-in-out infinite;transition:transform .3s ease}.quiz-mascot:hover{animation-play-state:paused;transform:translateY(-50%) scale(1.1)}.quiz-mascot:hover .mascot-eye-left,.quiz-mascot:hover .mascot-eye-right{animation:none;transform:scale(1.2)}.quiz-mascot:hover .mascot-sparkle{opacity:1;animation:sparkleRotate 1s linear infinite}@keyframes mascotFloat{0%,to{transform:translateY(-50%) translate(0)}25%{transform:translateY(-52%) translate(2px)}75%{transform:translateY(-48%) translate(-2px)}}.mascot-body{fill:url(#owlGradient);filter:drop-shadow(0 4px 12px rgba(139,92,246,.3))}.mascot-eye-left,.mascot-eye-right{fill:#1a1a2e;animation:eyeBlink 4s ease-in-out infinite;transform-origin:center}.mascot-eye-left{animation-delay:.1s}@keyframes eyeBlink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.mascot-pupil{fill:#fff;animation:pupilLook 6s ease-in-out infinite}@keyframes pupilLook{0%,to{transform:translate(0)}25%{transform:translate(2px)}75%{transform:translate(-2px)}}.mascot-sparkle{fill:#fbbf24;opacity:0;transition:opacity .3s ease}@keyframes sparkleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mascot-wing-left{animation:wingFlap 2s ease-in-out infinite;transform-origin:right center}.mascot-wing-right{animation:wingFlap 2s ease-in-out infinite .1s;transform-origin:left center}@keyframes wingFlap{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg)}}.mascot-bubble{position:absolute;top:-20px;right:-10px;background:#8b5cf6e6;color:#fff;padding:6px 10px;border-radius:12px;font-size:11px;font-weight:600;opacity:0;transform:translateY(5px) scale(.9);transition:all .3s ease;white-space:nowrap;pointer-events:none}.mascot-bubble:after{content:"";position:absolute;bottom:-6px;left:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(139,92,246,.9)}.quiz-mascot:hover .mascot-bubble{opacity:1;transform:translateY(0) scale(1)}@media(max-width:900px){.quiz-mascot{display:none}}@media(max-width:768px){.quiz-page{padding:12px 16px}.quiz-hero{padding:24px 20px}.quiz-hero__title{font-size:24px}.quiz-hero__content{flex-direction:column;align-items:stretch}.quiz-hero__stats{justify-content:center}.quiz-stat-card{flex:1;min-width:70px;padding:12px}.quiz-stat-card__value{font-size:22px}.quiz-question__text{font-size:17px}.quiz-option{padding:14px 16px}.quiz-option__letter{width:32px;height:32px}}.bitcoin-cycles-container{max-width:1400px;margin:0 auto;padding:24px;animation:fadeIn .3s ease-in}.bitcoin-cycles-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px;flex-wrap:wrap}.period-selector{display:flex;gap:8px;background:var(--surface);padding:4px;border-radius:8px;border:1px solid var(--border)}.period-selector button{padding:8px 16px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .2s ease}.period-selector button:hover{background:var(--hover);color:var(--text)}.period-selector button.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #667eea4d}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:32px}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .2s ease}.info-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.info-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--muted);font-size:13px;font-weight:500}.info-card-value{font-size:24px;font-weight:700;color:var(--text);margin-bottom:4px}.info-card-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.chart-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 2px 8px #0000000d}.bitcoin-cycles-tooltip{background:var(--card-bg, #ffffff);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 8px 32px #00000040;min-width:220px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}[data-theme=dark] .bitcoin-cycles-tooltip,.dark .bitcoin-cycles-tooltip{background:#1e1e28fa;border-color:#ffffff1a}@media(prefers-color-scheme:dark){.bitcoin-cycles-tooltip{background:#1e1e28fa;border-color:#ffffff1a}}.event-detail-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.event-detail-modal{background:var(--card-bg, #ffffff);border:1px solid var(--border);border-radius:16px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 16px 64px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-detail-header{padding:24px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:16px}.event-detail-content{padding:24px}.event-detail-close{position:absolute;top:16px;right:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.event-detail-close:hover{background:var(--hover);transform:scale(1.05)}.tooltip-date{font-size:13px;font-weight:600;color:var(--text);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.tooltip-content{display:flex;flex-direction:column;gap:8px}.tooltip-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.tooltip-label{font-size:12px;color:var(--muted)}.tooltip-value{font-size:13px;font-weight:600;color:var(--text)}.tooltip-value.price{color:#000}.tooltip-value.mining-cost{color:#f97316}.tooltip-value.ratio.positive{color:#10b981}.tooltip-value.ratio.negative{color:#ef4444}.tooltip-value.phase{font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.phase-descriptions{margin-bottom:32px}.phase-descriptions h3{font-size:20px;font-weight:700;color:var(--text);margin:0 0 20px}.phases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.phase-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid;border-radius:8px;padding:20px;transition:all .2s ease}.phase-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.phase-card h4{font-size:16px;font-weight:700;margin:0 0 12px}.phase-card p{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 16px}.phase-indicators{display:flex;flex-direction:column;gap:6px}.phase-indicators span{font-size:12px;color:var(--muted);font-family:Courier New,monospace}.educational-note{display:flex;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#3b82f60d,#6366f10d);border:1px solid rgba(59,130,246,.2);border-left:4px solid #3b82f6;border-radius:8px;font-size:13px;line-height:1.6;color:var(--text)}.educational-note strong{color:#3b82f6}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{font-size:14px;color:var(--muted)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center}.error-state svg{color:#ef4444}.error-state h3{font-size:20px;font-weight:700;color:var(--text);margin:0}.error-state p{font-size:14px;color:var(--muted);max-width:400px}.retry-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.fud-timeline-chart{overflow:visible}.fud-timeline-chart .recharts-brush-slide{fill:var(--accent);fill-opacity:.2}.fud-timeline-chart .recharts-brush-traveller rect{fill:var(--accent);rx:4}@media(max-width:768px){.bitcoin-cycles-container{padding:12px;max-width:100%}.bitcoin-cycles-header{flex-direction:column;align-items:stretch}.header-title h1{font-size:20px}.header-subtitle{font-size:13px}.info-cards{grid-template-columns:repeat(2,1fr);gap:8px}.info-card{padding:12px}.info-card-value{font-size:18px}.info-card-header{font-size:11px}.chart-container{padding:8px;margin-left:-12px;margin-right:-12px;border-radius:0;border-left:none;border-right:none}.fud-timeline-chart{padding:4px 0}.phases-grid{grid-template-columns:1fr}.period-selector{width:100%}.period-selector button{flex:1;padding:6px 8px;font-size:12px}.educational-note{font-size:12px;padding:12px}.layer-controls{padding:12px;font-size:12px}.layer-controls label span{font-size:12px}}@media(max-width:480px){.info-cards{grid-template-columns:1fr}.header-title h1,.info-card-value{font-size:20px}}@media(prefers-color-scheme:dark){.chart-container{box-shadow:0 2px 8px #0000004d}.phase-card:hover{box-shadow:0 4px 12px #0000004d}}.bitcoin-retirement-container{max-width:1400px;margin:0 auto;padding:24px;animation:btcRetFadeIn .3s ease-in}@keyframes btcRetFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bitcoin-retirement-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px;flex-wrap:wrap}.header-title h1{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:var(--text);margin:0 0 8px}.header-title h1 svg{color:#f7931a}.header-subtitle{font-size:15px;color:var(--muted);margin:0;line-height:1.5}.header-price-info{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--muted)}.header-price-info .price{color:#f7931a;font-weight:600}.bitcoin-retirement-layout{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:start}.parameters-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;position:sticky;top:20px;box-shadow:0 2px 8px #0000000d}.parameters-header{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-size:18px;font-weight:600;color:var(--text)}.parameters-header svg{color:var(--muted)}.parameter-group{margin-bottom:20px}.parameter-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px}.parameter-label-text{color:var(--muted)}.parameter-value{font-family:SF Mono,Monaco,monospace;color:#f7931a;font-weight:600;font-size:14px}.parameter-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:3px;outline:none;transition:background .2s}.parameter-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#f7931a,#e88a0c);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #f7931a66;transition:transform .2s,box-shadow .2s}.parameter-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #f7931a80}.parameter-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#f7931a,#e88a0c);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #f7931a66}.parameter-range-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--muted);opacity:.7}.optimized-toggle{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.toggle-container{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;cursor:pointer}.toggle-info{flex:1}.toggle-label{font-size:14px;font-weight:500;color:var(--text);margin-bottom:4px}.toggle-description{font-size:12px;color:var(--muted);line-height:1.4}.toggle-switch{position:relative;width:48px;height:26px;background:var(--border);border-radius:13px;transition:background .3s;flex-shrink:0}.toggle-switch.active{background:linear-gradient(135deg,#f7931a,#e88a0c)}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-knob{transform:translate(22px)}.results-panel{display:flex;flex-direction:column;gap:24px}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .2s ease}.summary-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.summary-card.can-retire{border-color:#10b9814d;background:linear-gradient(135deg,rgba(16,185,129,.05) 0%,transparent 100%)}.summary-card.cannot-retire{border-color:#ef44444d;background:linear-gradient(135deg,rgba(239,68,68,.05) 0%,transparent 100%)}.summary-card-label{font-size:12px;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.summary-card-value{font-size:26px;font-weight:700;margin-bottom:4px}.summary-card-value.green{color:#10b981}.summary-card-value.red{color:#ef4444}.summary-card-value.bitcoin{color:#f7931a}.summary-card-value.purple{color:#8b5cf6}.summary-card-subtext{font-size:12px;color:var(--muted)}.chart-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.chart-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}.chart-tab{padding:10px 20px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .2s;white-space:nowrap}.chart-tab:hover{background:var(--hover);color:var(--text)}.chart-tab.active{background:linear-gradient(135deg,#f7931a,#e88a0c);color:#fff;border-color:transparent;box-shadow:0 2px 8px #f7931a4d}.chart-wrapper{height:400px}.data-table-container{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;overflow-x:auto}.data-table-header{font-size:18px;font-weight:600;color:var(--text);margin-bottom:20px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}.data-table th.text-right{text-align:right}.data-table th.text-center{text-align:center}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text)}.data-table td.text-right{text-align:right}.data-table td.text-center{text-align:center}.data-table tr:hover{background:var(--hover)}.data-table tr.retirement-row{background:#8b5cf61a}.data-table .value-bitcoin{color:#f7931a;font-family:monospace}.data-table .value-price{color:#3b82f6}.data-table .value-portfolio,.data-table .value-positive{color:#10b981}.data-table .value-negative{color:#ef4444}.phase-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.phase-badge.accumulation{background:#10b98126;color:#10b981}.phase-badge.retirement{background:#8b5cf626;color:#8b5cf6}.disclaimer{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;font-size:12px;color:var(--muted);line-height:1.6}.disclaimer strong{color:var(--text);font-weight:600}.disclaimer ul{margin:12px 0;padding-left:20px}.disclaimer li{margin-bottom:6px}.disclaimer-credits{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);font-size:11px}.disclaimer-credits a{color:#f7931a;text-decoration:none;font-weight:500}.disclaimer-credits a:hover{text-decoration:underline}.retirement-tooltip{background:var(--card-bg, #1e1e2a);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 8px 32px #0000004d;min-width:200px}.tooltip-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.tooltip-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.tooltip-label{color:var(--muted)}.tooltip-value{font-weight:600}.tooltip-value.bitcoin{color:#f7931a}.tooltip-value.green{color:#10b981}.tooltip-value.blue{color:#3b82f6}.tooltip-value.purple{color:#8b5cf6}.tooltip-value.red{color:#ef4444}.share-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s}.share-button:hover{background:var(--hover);border-color:#f7931a}.share-button svg{color:#f7931a}@media(max-width:1024px){.bitcoin-retirement-layout{grid-template-columns:1fr}.parameters-panel{position:relative;top:0}.summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.bitcoin-retirement-container{padding:16px}.bitcoin-retirement-header{flex-direction:column}.header-title h1{font-size:22px}.summary-cards{grid-template-columns:1fr}.summary-card-value{font-size:22px}.chart-container{padding:16px;margin:0 -16px;border-radius:0;border-left:none;border-right:none}.chart-wrapper{height:300px}.data-table-container{margin:0 -16px;border-radius:0;border-left:none;border-right:none;padding:16px}.data-table{font-size:12px}.data-table th,.data-table td{padding:10px 12px}}.intel-admin{padding:0}.intel-admin__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--card-border);background:#8b5cf608}.intel-admin__header-left{display:flex;align-items:center;gap:16px}.intel-admin__icon{width:48px;height:48px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.intel-admin__header h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.intel-admin__header p{font-size:13px;color:var(--text-secondary);margin:0}.intel-admin__header-actions{display:flex;gap:10px}.intel-admin__action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid var(--card-border);border-radius:10px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.intel-admin__action-btn:hover{background:#ffffff1a;color:var(--text-primary)}.intel-admin__action-btn:disabled{opacity:.5;cursor:not-allowed}.intel-admin__action-btn--primary{background:#8b5cf61a;border-color:#8b5cf633;color:#a78bfa}.intel-admin__action-btn--primary:hover{background:#8b5cf633}.intel-admin__error{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:16px 24px 0;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:13px}.intel-admin__error button{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;opacity:.7}.intel-admin__error button:hover{opacity:1}.intel-admin__tabs{display:flex;gap:4px;padding:12px 24px;border-bottom:1px solid var(--card-border);background:#ffffff05;overflow-x:auto}.intel-admin__tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.intel-admin__tab:hover{background:#ffffff0d;color:var(--text-primary)}.intel-admin__tab.active{background:#8b5cf61a;color:#a78bfa}.intel-admin__content{padding:24px;min-height:400px}.intel-admin__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-secondary);font-size:14px}.intel-admin__loading svg{color:#8b5cf6}.intel-admin__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-tertiary)}.intel-admin__empty svg{opacity:.5}.intel-admin__empty p{font-size:14px;margin:0}.intel-admin__overview{display:flex;flex-direction:column;gap:24px}.intel-admin__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.intel-admin__overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.intel-admin__stat-card{display:flex;align-items:flex-start;gap:14px;padding:20px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;border-top-width:3px}.intel-admin__stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.intel-admin__stat-content{flex:1}.intel-admin__stat-value{font-size:26px;font-weight:700;color:var(--text-primary);line-height:1}.intel-admin__stat-total{font-size:16px;font-weight:400;color:var(--text-tertiary)}.intel-admin__stat-title{font-size:13px;color:var(--text-secondary);margin-top:4px}.intel-admin__stat-subtitle{font-size:11px;color:var(--text-tertiary);margin-top:2px}.intel-admin__card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:20px}.intel-admin__card--large{grid-column:span 2}.intel-admin__card h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.intel-admin__bar-chart{display:flex;flex-direction:column;gap:10px}.intel-admin__bar-item{display:flex;align-items:center;gap:12px}.intel-admin__bar-label{width:80px;font-size:12px;font-weight:500;color:var(--text-secondary)}.intel-admin__bar-wrapper{flex:1;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.intel-admin__bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.intel-admin__bar-value{width:40px;font-size:12px;font-weight:600;color:var(--text-primary);text-align:right}.intel-admin__queue-status{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.intel-admin__queue-item{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff08;border-radius:8px}.intel-admin__queue-dot{width:10px;height:10px;border-radius:50%}.intel-admin__queue-label{flex:1;font-size:12px;color:var(--text-secondary)}.intel-admin__queue-count{font-size:16px;font-weight:700}.intel-admin__last-run{font-size:11px;color:var(--text-tertiary);margin:12px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.intel-admin__category-list{display:flex;flex-direction:column;gap:8px}.intel-admin__category-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.intel-admin__category-item:last-child{border-bottom:none}.intel-admin__category-name{font-size:13px;color:var(--text-secondary);text-transform:capitalize}.intel-admin__category-count{font-size:13px;font-weight:600;color:var(--text-primary)}.intel-admin__articles-status{display:flex;justify-content:space-around;padding:20px 0}.intel-admin__article-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.intel-admin__article-count{font-size:28px;font-weight:700;color:var(--text-primary)}.intel-admin__article-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase}.intel-admin__filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.intel-admin__search{flex:1;min-width:200px;padding:10px 14px;background:#ffffff0d;border:1px solid var(--card-border);border-radius:8px;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .2s ease}.intel-admin__search:focus{border-color:#8b5cf6}.intel-admin__search::placeholder{color:var(--text-tertiary)}.intel-admin__filter{padding:10px 14px;background:#ffffff0d;border:1px solid var(--card-border);border-radius:8px;font-size:13px;color:var(--text-primary);cursor:pointer}.intel-admin__sources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.intel-admin__source-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:18px;transition:border-color .2s ease}.intel-admin__source-card:hover{border-color:#8b5cf64d}.intel-admin__source-card.inactive{opacity:.6}.intel-admin__source-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.intel-admin__source-icon{width:40px;height:40px;background:#8b5cf61a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#a78bfa;flex-shrink:0}.intel-admin__source-info{flex:1;min-width:0}.intel-admin__source-info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intel-admin__source-type{font-size:11px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase}.intel-admin__source-url{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#ffffff08;border-radius:6px;margin-bottom:12px}.intel-admin__source-url svg{color:var(--text-tertiary);flex-shrink:0}.intel-admin__source-url span{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intel-admin__source-meta{display:flex;gap:16px;margin-bottom:12px}.intel-admin__source-stat{display:flex;flex-direction:column;gap:2px}.intel-admin__source-stat-value{font-size:14px;font-weight:600;color:var(--text-primary)}.intel-admin__source-stat-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase}.intel-admin__source-error{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#ef44441a;border-radius:6px;font-size:12px;color:#ef4444;margin-bottom:12px}.intel-admin__source-error-msg{color:var(--text-tertiary)}.intel-admin__source-actions{display:flex;gap:8px;justify-content:flex-end}.intel-admin__icon-btn{padding:8px 10px;background:#ffffff0d;border:1px solid var(--card-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.intel-admin__icon-btn:hover{background:#8b5cf61a;border-color:#8b5cf64d;color:#a78bfa}.intel-admin__icon-btn--danger:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.intel-admin__icon-btn--success:hover{background:#10b9811a;border-color:#10b9814d;color:#10b981}.intel-admin__table-wrapper{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden}.intel-admin__table{width:100%;border-collapse:collapse}.intel-admin__table th,.intel-admin__table td{padding:12px 16px;text-align:left}.intel-admin__table th{background:#ffffff08;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--card-border)}.intel-admin__table td{font-size:13px;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.05)}.intel-admin__table tr:last-child td{border-bottom:none}.intel-admin__table tr:hover td{background:#ffffff05}.intel-admin__source-badge{display:inline-block;padding:4px 8px;background:#8b5cf61a;border-radius:4px;font-size:11px;font-weight:500;color:#a78bfa}.intel-admin__item-title{font-weight:500;margin-bottom:2px}.intel-admin__item-url{font-size:11px;color:var(--text-tertiary);text-decoration:none}.intel-admin__item-url:hover{color:#a78bfa}.intel-admin__status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:capitalize}.intel-admin__actions{display:flex;gap:6px}.intel-admin__news-title{display:flex;align-items:center;gap:8px;font-weight:500}.intel-admin__breaking-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ef444433;border-radius:4px;color:#ef4444}.intel-admin__news-tokens{display:flex;gap:6px;margin-top:4px}.intel-admin__token{font-size:10px;font-weight:600;color:#a78bfa;background:#8b5cf61a;padding:2px 6px;border-radius:4px}.intel-admin__category-badge{display:inline-block;padding:4px 10px;background:#3b82f61a;border-radius:6px;font-size:11px;font-weight:500;color:#60a5fa;text-transform:capitalize}.intel-admin__importance{display:flex;align-items:center;gap:8px}.intel-admin__importance-bar{height:6px;max-width:60px;background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444);border-radius:3px}.intel-admin__importance span{font-size:12px;font-weight:600;color:var(--text-secondary)}.intel-admin__sentiment-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;text-transform:capitalize}.intel-admin__sentiment-badge[data-sentiment=bullish]{background:#10b9811a;color:#10b981}.intel-admin__sentiment-badge[data-sentiment=bearish]{background:#ef44441a;color:#ef4444}.intel-admin__sentiment-badge[data-sentiment=neutral]{background:#6b72801a;color:#9ca3af}.intel-admin__articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.intel-admin__article-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:18px;transition:border-color .2s ease}.intel-admin__article-card:hover{border-color:#8b5cf64d}.intel-admin__article-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.intel-admin__article-date{font-size:11px;color:var(--text-tertiary)}.intel-admin__article-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 8px;line-height:1.4}.intel-admin__article-summary{font-size:13px;color:var(--text-secondary);margin:0 0 12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.intel-admin__article-meta{display:flex;gap:16px;font-size:12px;color:var(--text-tertiary);margin-bottom:12px}.intel-admin__article-actions{display:flex;gap:8px;justify-content:flex-end}.intel-admin__analytics{display:flex;flex-direction:column;gap:24px}.intel-admin__analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.intel-admin__metrics{display:flex;justify-content:space-around;padding:20px 0}.intel-admin__metric{display:flex;flex-direction:column;align-items:center;gap:6px}.intel-admin__metric-value{font-size:32px;font-weight:700;color:var(--text-primary)}.intel-admin__metric-label{font-size:12px;color:var(--text-secondary);text-align:center}.intel-admin__health-grid{display:flex;flex-direction:column;gap:10px}.intel-admin__health-item{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff08;border-radius:8px}.intel-admin__health-indicator{width:10px;height:10px;border-radius:50%}.intel-admin__health-item span{flex:1;font-size:13px;color:var(--text-secondary)}.intel-admin__health-item strong{font-size:14px;color:var(--text-primary)}.intel-admin__content-stats{display:flex;flex-direction:column;gap:12px}.intel-admin__content-stat{display:flex;align-items:center;gap:14px;padding:14px;background:#ffffff08;border-radius:10px}.intel-admin__content-stat svg{color:#8b5cf6}.intel-admin__content-stat div{display:flex;flex-direction:column;gap:2px}.intel-admin__content-stat strong{font-size:20px;font-weight:700;color:var(--text-primary)}.intel-admin__content-stat span{font-size:11px;color:var(--text-tertiary);text-transform:uppercase}.intel-admin__form-group{margin-bottom:16px}.intel-admin__form-group label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.intel-admin__form-group input,.intel-admin__form-group select,.intel-admin__form-group textarea{width:100%;padding:10px 14px;background:#ffffff0d;border:1px solid var(--card-border);border-radius:8px;font-size:13px;color:var(--text-primary);outline:none;transition:border-color .2s ease}.intel-admin__form-group input:focus,.intel-admin__form-group select:focus,.intel-admin__form-group textarea:focus{border-color:#8b5cf6}.intel-admin__form-group textarea{resize:vertical;min-height:80px}.intel-admin__form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.intel-admin__checkbox-label{display:flex!important;align-items:center;gap:10px;cursor:pointer}.intel-admin__checkbox-label input{width:auto!important}.intel-admin__form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--card-border)}.intel-admin__btn{padding:10px 20px;background:#ffffff0d;border:1px solid var(--card-border);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.intel-admin__btn:hover{background:#ffffff1a;color:var(--text-primary)}.intel-admin__btn--primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:transparent;color:#fff}.intel-admin__btn--primary:hover{opacity:.9}.admin-modal--large{max-width:600px}@media(max-width:1024px){.intel-admin__overview-grid{grid-template-columns:1fr}.intel-admin__card--large{grid-column:span 1}.intel-admin__analytics-grid{grid-template-columns:1fr}}@media(max-width:768px){.intel-admin__header{flex-direction:column;gap:16px;text-align:center}.intel-admin__header-left{flex-direction:column;gap:12px}.intel-admin__tabs{padding:10px 16px}.intel-admin__tab{padding:8px 12px;font-size:12px}.intel-admin__content{padding:16px}.intel-admin__sources-grid,.intel-admin__articles-grid{grid-template-columns:1fr}.intel-admin__filters{flex-direction:column}.intel-admin__form-row{grid-template-columns:1fr}.intel-admin__table{display:block;overflow-x:auto}}.blog-admin--light{--blog-bg: #ffffff;--blog-bg-secondary: #f8fafc;--blog-bg-hover: #f1f5f9;--blog-text: #0f172a;--blog-text-secondary: #64748b;--blog-text-muted: #94a3b8;--blog-border: #e2e8f0;--blog-primary: #ef4444;--blog-primary-hover: #dc2626;--blog-success: #22c55e;--blog-warning: #f59e0b;--blog-info: #3b82f6}.blog-admin{max-width:1400px;margin:0 auto;background:var(--blog-bg);color:var(--blog-text);min-height:100%}.blog-admin__loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--blog-primary)}.blog-admin__loading .spinning{animation:spin 1s linear infinite}.blog-admin__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.blog-admin__title{font-size:1.5rem;font-weight:700;color:var(--blog-text);margin:0 0 4px}.blog-admin__subtitle{color:var(--blog-text-secondary);margin:0;font-size:.875rem}.blog-admin__header-actions{display:flex;gap:8px}.blog-admin__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.blog-admin__btn--primary{background:var(--blog-primary);color:#fff}.blog-admin__btn--primary:hover{background:var(--blog-primary-hover)}.blog-admin__btn--secondary{background:transparent;color:var(--blog-text-secondary);border:1px solid var(--blog-border)}.blog-admin__btn--secondary:hover{background:var(--blog-bg-secondary)}.blog-admin__btn--small{padding:6px 12px;font-size:.8125rem;background:var(--blog-info);color:#fff;border-radius:6px}.blog-admin__btn--small:hover{opacity:.9}.blog-admin__btn--text{background:transparent;color:var(--blog-info);padding:6px 12px}.blog-admin__btn--text:hover{text-decoration:underline}.blog-admin__btn--cancel{background:transparent;color:var(--blog-text-secondary)}.blog-admin__btn--cancel:hover{background:var(--blog-bg-secondary)}.blog-admin__btn--save{background:var(--blog-primary);color:#fff}.blog-admin__btn--save:hover{background:var(--blog-primary-hover)}.blog-admin__btn--save:disabled{opacity:.6;cursor:not-allowed}.blog-admin__tabs{display:flex;gap:16px;border-bottom:1px solid var(--blog-border);margin-bottom:24px}.blog-admin__tab{padding:12px 4px;background:none;border:none;border-bottom:2px solid transparent;color:var(--blog-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.blog-admin__tab:hover{color:var(--blog-text-secondary)}.blog-admin__tab--active{color:var(--blog-primary);border-bottom-color:var(--blog-primary)}.blog-admin__search{position:relative;margin-bottom:24px}.blog-admin__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--blog-text-muted)}.blog-admin__search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--blog-border);border-radius:8px;font-size:.875rem;background:var(--blog-bg);color:var(--blog-text)}.blog-admin__search-input:focus{outline:none;border-color:var(--blog-primary);box-shadow:0 0 0 3px #ef44441a}.blog-admin__table-wrapper{background:var(--blog-bg);border-radius:12px;border:1px solid var(--blog-border);overflow:hidden}.blog-admin__table{width:100%;border-collapse:collapse}.blog-admin__table thead{background:var(--blog-bg-secondary);border-bottom:1px solid var(--blog-border)}.blog-admin__table th{padding:12px 24px;text-align:left;font-size:.75rem;font-weight:500;text-transform:uppercase;color:var(--blog-text-muted)}.blog-admin__table tbody tr{border-bottom:1px solid var(--blog-border)}.blog-admin__table tbody tr:last-child{border-bottom:none}.blog-admin__table tbody tr:hover{background:var(--blog-bg-secondary)}.blog-admin__table td{padding:16px 24px;vertical-align:middle}.blog-admin__article-cell{display:flex;align-items:center;gap:12px}.blog-admin__article-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.blog-admin__article-thumb--placeholder{background:var(--blog-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--blog-text-muted)}.blog-admin__article-info{min-width:0}.blog-admin__article-title-row{display:flex;align-items:center;gap:8px}.blog-admin__article-title{font-weight:500;color:var(--blog-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.blog-admin__featured-star{color:#f59e0b;fill:#f59e0b;flex-shrink:0}.blog-admin__article-excerpt{font-size:.8125rem;color:var(--blog-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:300px}.blog-admin__category-badge{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.blog-admin__category-badge--none{background:var(--blog-bg-secondary);color:var(--blog-text-muted)}.blog-admin__status{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.blog-admin__status--published{background:#22c55e1a;color:#16a34a}.blog-admin__status--scheduled{background:#3b82f61a;color:#2563eb}.blog-admin__status--draft{background:#f59e0b1a;color:#d97706}.blog-admin__date{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--blog-text-muted)}.blog-admin__date--scheduled{color:var(--blog-info)}.blog-admin__actions{display:flex;align-items:center;gap:4px;justify-content:flex-end}.blog-admin__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;background:transparent;color:var(--blog-text-muted)}.blog-admin__action-btn:hover{background:var(--blog-bg-hover)}.blog-admin__action-btn--publish:hover{color:var(--blog-success);background:#22c55e1a}.blog-admin__action-btn--unpublish:hover{color:var(--blog-warning);background:#f59e0b1a}.blog-admin__action-btn--edit:hover{color:var(--blog-info);background:#3b82f61a}.blog-admin__action-btn--delete:hover{color:var(--blog-primary);background:#ef44441a}.blog-admin__empty{text-align:center;padding:48px 24px;color:var(--blog-text-muted)}.blog-admin__empty svg{margin-bottom:16px;opacity:.3}.blog-admin__empty--full{background:var(--blog-bg);border-radius:12px;border:1px solid var(--blog-border);grid-column:1 / -1}.blog-admin__categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.blog-admin__category-card{background:var(--blog-bg);border-radius:12px;border:1px solid var(--blog-border);overflow:hidden}.blog-admin__category-image{position:relative;height:128px}.blog-admin__category-image img{width:100%;height:100%;object-fit:cover}.blog-admin__category-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.blog-admin__category-image--placeholder{display:flex;align-items:center;justify-content:center}.blog-admin__category-content{padding:16px}.blog-admin__category-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.blog-admin__category-icon-wrapper{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.blog-admin__category-actions{display:flex;gap:4px}.blog-admin__category-name{font-size:1rem;font-weight:600;color:var(--blog-text);margin:0 0 4px}.blog-admin__category-description{font-size:.8125rem;color:var(--blog-text-muted);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-admin__category-footer{display:flex;align-items:center;justify-content:space-between}.blog-admin__category-slug{font-size:.75rem;background:var(--blog-bg-secondary);padding:4px 8px;border-radius:4px;color:var(--blog-text-secondary)}.blog-admin__category-status{font-size:.75rem;padding:4px 8px;border-radius:20px;background:var(--blog-bg-secondary);color:var(--blog-text-muted)}.blog-admin__category-status--active{background:#22c55e1a;color:#16a34a}.blog-admin__modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.blog-admin__modal{background:var(--blog-bg);border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.blog-admin__modal-header{padding:16px 24px;border-bottom:1px solid var(--blog-border);display:flex;align-items:center;justify-content:space-between;background:var(--blog-bg)}.blog-admin__modal-header h2{font-size:1.125rem;font-weight:600;color:var(--blog-text);margin:0}.blog-admin__modal-close{background:none;border:none;padding:8px;cursor:pointer;color:var(--blog-text-muted);border-radius:6px}.blog-admin__modal-close:hover{background:var(--blog-bg-secondary)}.blog-admin__modal-body{padding:24px;overflow-y:auto;flex:1}.blog-admin__modal-footer{padding:16px 24px;border-top:1px solid var(--blog-border);display:flex;justify-content:flex-end;gap:12px;background:var(--blog-bg-secondary)}.blog-admin__form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.blog-admin__form-group{margin-bottom:16px}.blog-admin__form-group label{display:block;font-size:.8125rem;font-weight:500;color:var(--blog-text-secondary);margin-bottom:6px}.blog-admin__form-group input,.blog-admin__form-group select,.blog-admin__form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--blog-border);border-radius:8px;font-size:.875rem;background:var(--blog-bg);color:var(--blog-text)}.blog-admin__form-group input:focus,.blog-admin__form-group select:focus,.blog-admin__form-group textarea:focus{outline:none;border-color:var(--blog-primary);box-shadow:0 0 0 3px #ef44441a}.blog-admin__form-group--checkbox{display:flex;align-items:flex-end;padding-bottom:8px}.blog-admin__content-textarea{font-family:monospace}.blog-admin__char-count{display:block;font-size:.75rem;color:var(--blog-text-muted);margin-top:4px}.blog-admin__color-input{display:flex;gap:8px}.blog-admin__color-picker{width:48px;height:40px;padding:2px;border:1px solid var(--blog-border);border-radius:6px;cursor:pointer}.blog-admin__section{border-top:1px solid var(--blog-border);padding-top:16px;margin-top:16px}.blog-admin__section-title{font-size:.875rem;font-weight:600;color:var(--blog-text);margin:0 0 12px}.blog-admin__checkboxes{display:flex;gap:24px;margin-bottom:16px}.blog-admin__checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;color:var(--blog-text-secondary)}.blog-admin__checkbox input{width:16px;height:16px;accent-color:var(--blog-primary)}.blog-admin__scheduled-box{padding:16px;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:12px}.blog-admin__scheduled-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--blog-info)}.blog-admin__scheduled-header h5{font-size:.9375rem;font-weight:600;margin:0;color:#1e40af}.blog-admin__scheduled-hint{font-size:.8125rem;color:#3b82f6;margin:0 0 12px}.blog-admin__scheduled-input{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.blog-admin__scheduled-input .blog-admin__form-group{flex:1;min-width:200px;margin-bottom:0}.blog-admin__scheduled-buttons{display:flex;gap:8px;align-items:center}.blog-admin__scheduled-preview{font-size:.75rem;color:#3b82f6;margin:8px 0 0}.image-upload{margin-bottom:16px}.image-upload__header{margin-bottom:6px}.image-upload__label{font-size:.8125rem;font-weight:500;color:var(--blog-text-secondary)}.image-upload__preview{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--blog-border)}.image-upload__image{width:100%;height:192px;object-fit:cover}.image-upload__overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s ease}.image-upload__preview:hover .image-upload__overlay{opacity:1}.image-upload__btn{padding:6px 12px;border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer}.image-upload__btn--change{background:#fff;color:var(--blog-text-secondary)}.image-upload__btn--change:hover{background:var(--blog-bg-secondary)}.image-upload__btn--remove{background:var(--blog-primary);color:#fff}.image-upload__btn--remove:hover{background:var(--blog-primary-hover)}.image-upload__input-hidden{display:none}.image-upload__dropzone{border:2px dashed var(--blog-border);border-radius:8px;padding:32px;text-align:center;cursor:pointer;transition:all .15s ease}.image-upload__dropzone:hover{border-color:var(--blog-text-muted)}.image-upload__dropzone--dragover{border-color:var(--blog-primary);background:#ef44440d}.image-upload__uploading{display:flex;flex-direction:column;align-items:center;color:var(--blog-primary)}.image-upload__uploading p{margin:8px 0 0;font-size:.875rem}.image-upload__icon{width:48px;height:48px;background:var(--blog-bg-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--blog-text-muted)}.image-upload__text{font-size:.875rem;font-weight:500;color:var(--blog-text-secondary);margin:0 0 4px}.image-upload__hint{font-size:.75rem;color:var(--blog-text-muted);margin:0}.image-upload__url{margin-top:8px}.image-upload__url-input{width:100%;padding:8px 12px;border:1px solid var(--blog-border);border-radius:6px;font-size:.8125rem;background:var(--blog-bg);color:var(--blog-text)}.image-upload__url-input:focus{outline:none;border-color:var(--blog-primary)}.spinning{animation:spin 1s linear infinite}@media(max-width:768px){.blog-admin__header{flex-direction:column;align-items:stretch}.blog-admin__header-actions{justify-content:flex-end}.blog-admin__form-row{grid-template-columns:1fr}.blog-admin__table{font-size:.8125rem}.blog-admin__table th,.blog-admin__table td{padding:12px 16px}.blog-admin__article-title,.blog-admin__article-excerpt{max-width:150px}.blog-admin__categories-grid{grid-template-columns:1fr}.blog-admin__modal{max-height:100vh;border-radius:0}.blog-admin__scheduled-input{flex-direction:column;align-items:stretch}.blog-admin__scheduled-buttons{margin-top:8px}}.admin-login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);padding:20px}.admin-login__card{width:100%;max-width:400px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-login__header{text-align:center;margin-bottom:32px}.admin-login__icon{width:72px;height:72px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.admin-login__header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.admin-login__header p{font-size:14px;color:var(--text-secondary);margin:0}.admin-login__input{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:15px;color:var(--text-primary);outline:none;transition:border-color .2s ease,box-shadow .2s ease;margin-bottom:16px}.admin-login__input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.admin-login__input::placeholder{color:var(--text-tertiary)}.admin-login__error{color:#ef4444;font-size:13px;text-align:center;margin:0 0 16px}.admin-login__button{width:100%;padding:14px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.admin-login__button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.admin-login__button:disabled{opacity:.6;cursor:not-allowed}.admin-dashboard{min-height:100vh;background:var(--body-bg)}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:#ffffff05;border-bottom:1px solid var(--card-border)}.admin-header__left{display:flex;align-items:center;gap:16px}.admin-header__icon{color:#8b5cf6}.admin-header__left h1{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.admin-header__left p{font-size:13px;color:var(--text-secondary);margin:0}.admin-header__logout{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-header__logout:hover{background:#ef444433}.admin-tabs{display:flex;gap:4px;padding:16px 32px;background:#ffffff05;border-bottom:1px solid var(--card-border);overflow-x:auto}.admin-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-tab:hover{background:#ffffff0d;color:var(--text-primary)}.admin-tab.active{background:#8b5cf61a;color:#a78bfa}.admin-content{padding:32px;max-width:1600px;margin:0 auto}.admin-loading,.admin-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);font-size:14px}.admin-overview{display:flex;flex-direction:column;gap:32px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.admin-stat-card{display:flex;align-items:flex-start;gap:16px;padding:24px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;border-top-width:3px}.admin-stat-card__value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.admin-stat-card__title{font-size:13px;color:var(--text-secondary)}.admin-stat-card__subtitle{font-size:12px;color:#10b981;margin-top:4px}.admin-overview__plans h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.admin-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.admin-plan-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px;text-align:center;border-left-width:3px}.admin-plan-card__badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;color:#fff;margin-bottom:8px}.admin-plan-card__value{font-size:32px;font-weight:700;color:var(--text-primary)}.admin-plan-card__label{font-size:12px;color:var(--text-secondary)}.admin-users{display:flex;flex-direction:column;gap:20px}.admin-users__filters{display:flex;gap:12px;flex-wrap:wrap}.admin-users__search{flex:1;min-width:200px;padding:12px 16px;background:#ffffff0d;border:1px solid var(--card-border);border-radius:10px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .2s ease}.admin-users__search:focus{border-color:#8b5cf6}.admin-users__search::placeholder{color:var(--text-tertiary)}.admin-users__filter{padding:12px 16px;background:#ffffff0d;border:1px solid var(--card-border);border-radius:10px;font-size:14px;color:var(--text-primary);cursor:pointer}.admin-users__refresh{padding:12px 16px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:10px;color:#a78bfa;cursor:pointer;transition:background .2s ease}.admin-users__refresh:hover{background:#8b5cf633}.admin-users__list{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px 16px;text-align:left}.admin-table th{background:#ffffff08;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--card-border)}.admin-table td{font-size:13px;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.05)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff05}.admin-user-cell{display:flex;align-items:center;gap:12px}.admin-user-avatar{width:36px;height:36px;border-radius:50%;background:#8b5cf633;display:flex;align-items:center;justify-content:center;color:#a78bfa;overflow:hidden;flex-shrink:0}.admin-user-avatar--large{width:56px;height:56px}.admin-user-avatar img{width:100%;height:100%;object-fit:cover}.admin-user-name{font-weight:500;color:var(--text-primary)}.admin-user-email{font-size:12px;color:var(--text-tertiary)}.admin-plan-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.admin-plan-badge--free{background:#10b9811a;color:#10b981}.admin-wallet-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#3b82f61a;color:#60a5fa;border-radius:6px;font-size:12px;font-weight:500}.admin-action-btn{padding:8px 12px;background:#ffffff0d;border:1px solid var(--card-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.admin-action-btn:hover{background:#8b5cf61a;border-color:#8b5cf64d;color:#a78bfa}.admin-users__total{font-size:13px;color:var(--text-secondary);text-align:right}.admin-embed{display:flex;align-items:center;justify-content:center;min-height:400px}.admin-embed__info{text-align:center}.admin-embed__info svg{color:var(--text-tertiary);margin-bottom:16px}.admin-embed__info h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.admin-embed__info p{font-size:14px;color:var(--text-secondary);margin:0 0 24px}.admin-embed__link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:10px;color:#a78bfa;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease}.admin-embed__link:hover{background:#8b5cf633}.admin-embed-component{margin:-32px;min-height:600px}.admin-embed-component>div{min-height:100%}.admin-modules{display:flex;flex-direction:column;gap:32px}.admin-module-category__title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;display:flex;align-items:center;gap:8px}.admin-module-category__title:before{content:"";width:3px;height:16px;background:#8b5cf6;border-radius:2px}.admin-module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.admin-module-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:20px;transition:border-color .2s ease}.admin-module-card:hover{border-color:#8b5cf64d}.admin-module-card.disabled{opacity:.6}.admin-module-card__header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.admin-module-card__icon{width:40px;height:40px;background:#8b5cf61a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#a78bfa;flex-shrink:0}.admin-module-card__info{flex:1;min-width:0}.admin-module-card__info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.admin-module-card__info p{font-size:12px;color:var(--text-tertiary);margin:0;font-family:monospace}.admin-toggle{position:relative;cursor:pointer}.admin-toggle input{opacity:0;width:0;height:0;position:absolute}.admin-toggle__slider{display:block;width:44px;height:24px;background:#ffffff1a;border-radius:12px;position:relative;transition:background .2s ease}.admin-toggle__slider:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease}.admin-toggle input:checked+.admin-toggle__slider{background:#10b981}.admin-toggle input:checked+.admin-toggle__slider:before{transform:translate(20px)}.admin-module-card__options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.admin-module-option{display:flex;flex-direction:column;gap:6px}.admin-module-option label{font-size:11px;font-weight:500;color:var(--text-secondary)}.admin-module-option input[type=checkbox]{width:16px;height:16px;cursor:pointer}.admin-module-option select{padding:8px 10px;background:#ffffff0d;border:1px solid var(--card-border);border-radius:6px;font-size:12px;color:var(--text-primary);cursor:pointer}.admin-module-card__footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-module-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.admin-module-badge--beta{background:#3b82f626;color:#60a5fa}.admin-module-badge--soon{background:#f59e0b26;color:#fbbf24}.admin-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-modal{width:100%;max-width:500px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;overflow:hidden;animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--card-border)}.admin-modal__header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.admin-modal__header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;transition:color .2s ease}.admin-modal__header button:hover{color:var(--text-primary)}.admin-modal__body{padding:24px}.admin-modal__user-info{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.05)}.admin-modal__user-info h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.admin-modal__user-info p{font-size:13px;color:var(--text-secondary);margin:0}.admin-modal__date{font-size:12px!important;color:var(--text-tertiary)!important;margin-top:4px!important}.admin-modal__section{margin-bottom:24px}.admin-modal__section:last-child{margin-bottom:0}.admin-modal__section h5{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.admin-subscription-info{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary)}.admin-plan-selector{display:flex;flex-wrap:wrap;gap:8px}.admin-plan-select-btn{padding:8px 16px;background:transparent;border:1px solid var(--card-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.admin-plan-select-btn:hover{background:#ffffff0d}.admin-plan-select-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;color:#fff}.admin-user-stats{display:flex;flex-direction:column;gap:10px}.admin-user-stat{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.admin-user-stat svg{color:#8b5cf6}@media(max-width:768px){.admin-header{padding:16px 20px;flex-direction:column;gap:16px;text-align:center}.admin-header__left{flex-direction:column;gap:12px}.admin-tabs{padding:12px 16px}.admin-tab{padding:10px 14px;font-size:13px}.admin-content{padding:20px 16px}.admin-table{display:block;overflow-x:auto}.admin-module-grid{grid-template-columns:1fr}.admin-modal{max-height:90vh;overflow-y:auto}}.onchain-wallet-selector{position:relative}.onchain-wallet-selector__trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:13px}.onchain-wallet-selector__trigger:hover{background:#6366f126;border-color:#6366f14d}.onchain-wallet-selector__trigger:disabled{opacity:.6;cursor:not-allowed}.onchain-wallet-selector__trigger svg:first-child{color:#6366f1}.onchain-wallet-selector__label{font-weight:500;color:var(--text-secondary)}.onchain-wallet-selector__count{background:#6366f133;color:#818cf8;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.onchain-wallet-selector__value{color:#10b981;font-weight:600}.onchain-wallet-selector__chevron{color:var(--text-tertiary);transition:transform .2s ease}.onchain-wallet-selector__chevron.open{transform:rotate(180deg)}.onchain-wallet-selector__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:320px;background:#0f0f1afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d;z-index:100;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.onchain-wallet-selector__header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#6366f114;border-bottom:1px solid var(--card-border);font-size:13px;font-weight:500;color:var(--text-secondary)}.onchain-wallet-selector__header svg{color:#6366f1}.onchain-wallet-selector__list{max-height:280px;overflow-y:auto}.onchain-wallet-selector__item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s ease}.onchain-wallet-selector__item:last-child{border-bottom:none}.onchain-wallet-selector__item:hover{background:#ffffff08}.onchain-wallet-selector__item.included{background:#10b9810d}.onchain-wallet-selector__toggle{background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}.onchain-wallet-selector__switch{width:36px;height:20px;border-radius:10px;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.onchain-wallet-selector__switch.off{background:#ffffff1a}.onchain-wallet-selector__switch.on{background:#10b981}.onchain-wallet-selector__switch-thumb{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;left:2px;transition:transform .2s ease}.onchain-wallet-selector__switch.on .onchain-wallet-selector__switch-thumb{transform:translate(16px)}.onchain-wallet-selector__spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.onchain-wallet-selector__info{flex:1;min-width:0}.onchain-wallet-selector__name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-primary)}.onchain-wallet-selector__primary-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#8b5cf633;color:#a78bfa;padding:2px 5px;border-radius:3px}.onchain-wallet-selector__address{font-size:11px;color:var(--text-tertiary);font-family:monospace;margin-top:2px}.onchain-wallet-selector__value-col{text-align:right;flex-shrink:0}.onchain-wallet-selector__wallet-value{font-size:13px;font-weight:600;color:var(--text-primary)}.onchain-wallet-selector__change{display:block;font-size:11px;font-weight:500;margin-top:2px}.onchain-wallet-selector__change.positive{color:#10b981}.onchain-wallet-selector__change.negative{color:#ef4444}.onchain-wallet-selector__footer{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#ffffff05;border-top:1px solid var(--card-border);font-size:11px;color:var(--text-tertiary)}.onchain-wallet-selector__footer svg{flex-shrink:0;opacity:.6}.onchain-wallet-selector__list::-webkit-scrollbar{width:6px}.onchain-wallet-selector__list::-webkit-scrollbar-track{background:transparent}.onchain-wallet-selector__list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.onchain-wallet-selector__list::-webkit-scrollbar-thumb:hover{background:#ffffff26}.home-page{min-height:100vh;padding:16px 24px}.home-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px;color:#888}.home-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.home-page__greeting{font-size:24px;font-weight:500;color:#fff;margin:0}.home-page__greeting span{font-weight:600}.home-page__header-actions{display:flex;align-items:center;gap:12px}.home-page__ipad-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:#ffffff40;cursor:pointer;transition:all .3s ease}.home-page__ipad-btn:hover{background:linear-gradient(135deg,#8b5cf626,#6366f11a);border-color:#8b5cf64d;color:#a78bfa;transform:scale(1.05);box-shadow:0 4px 12px #8b5cf626}.home-page__notification-btn{position:relative;background:#ffffff0d;border:none;padding:10px;border-radius:10px;color:#888;cursor:pointer;transition:all .2s}.home-page__notification-btn:hover{background:#ffffff1a;color:#fff}.home-page__notification-badge{position:absolute;top:-4px;right:-4px;background:#ff6b6b;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.home-page__date-selector{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:8px 14px;border-radius:10px;color:#888;font-size:13px;cursor:pointer;transition:all .2s}.home-page__date-selector:hover{background:#ffffff14;color:#fff}.home-page__widgets-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}@media(max-width:768px){.home-page__widgets-row{flex-direction:column}}.home-page__kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1100px){.home-page__kpi-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.home-page__kpi-row{grid-template-columns:1fr}}.home-page__kpi-card-v2{position:relative;border-radius:16px;padding:20px;border:1px solid;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:120px}.home-page__kpi-card-v2:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.home-page__kpi-card-v2:hover .home-page__kpi-watermark{opacity:.15;transform:scale(1.1) rotate(-5deg)}.home-page__kpi-watermark{position:absolute;top:50%;right:-10px;transform:translateY(-50%);color:#8b5cf61a;pointer-events:none;transition:all .4s ease;opacity:.08}.home-page__kpi-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}.home-page__kpi-label-v2{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.home-page__kpi-hero{font-size:32px;font-weight:700;line-height:1.1;letter-spacing:-.5px}.home-page__kpi-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffff80;margin-top:4px}.home-page__kpi-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:600}.home-page__kpi-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;display:flex;align-items:center;gap:14px;transition:all .2s}.home-page__kpi-card:hover{background:#ffffff0d;border-color:#ffffff1a}.home-page__kpi-card--value .home-page__kpi-icon-wrap{background:linear-gradient(135deg,#8b5cf633,#6366f126);color:#8b5cf6}.home-page__kpi-card--positive .home-page__kpi-icon-wrap{background:linear-gradient(135deg,#10b98133,#00d4aa26);color:#10b981}.home-page__kpi-card--positive .home-page__kpi-value{color:#10b981}.home-page__kpi-card--negative .home-page__kpi-icon-wrap{background:linear-gradient(135deg,#ef444433,#ff6b6b26);color:#ef4444}.home-page__kpi-card--negative .home-page__kpi-value{color:#ef4444}.home-page__kpi-card--highlight .home-page__kpi-icon-wrap{background:linear-gradient(135deg,#f59e0b33,#eab30826);color:#f59e0b}.home-page__kpi-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-page__kpi-info{display:flex;flex-direction:column;gap:4px;min-width:0}.home-page__kpi-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.home-page__kpi-value{font-size:18px;font-weight:600;color:#fff;display:flex;align-items:baseline;gap:6px}.home-page__kpi-pct{font-size:12px;font-weight:500;color:#666}.home-page__kpi-pct.positive{color:#10b981}.home-page__kpi-pct.negative{color:#ef4444}@media(max-width:768px){.home-page__kpi-card-v2{padding:16px;min-height:100px}.home-page__kpi-hero{font-size:24px}.home-page__kpi-watermark{right:-20px}.home-page__kpi-watermark svg{width:48px;height:48px}}.home-page__simple-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1200px}@media(max-width:900px){.home-page__simple-layout{grid-template-columns:1fr}}.home-page__ai-card{background:linear-gradient(135deg,#8b5cf626,#00d4aa14);border:1px solid rgba(139,92,246,.25);border-radius:20px;padding:24px;display:flex;flex-direction:column}.home-page__ai-card--large{min-height:280px}.home-page__ai-header{display:flex;align-items:center;gap:8px;font-size:13px;color:#888;margin-bottom:20px}.home-page__ai-icon{color:#8b5cf6}.home-page__ai-dots{display:flex;gap:6px;margin-left:auto}.home-page__ai-dot{width:8px;height:8px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .3s}.home-page__ai-dot:hover{background:#fff6}.home-page__ai-dot.active{background:#8b5cf6;box-shadow:0 0 8px #8b5cf680}.home-page__ai-content{flex:1;display:flex;align-items:center;margin-bottom:20px}.home-page__ai-message{font-size:24px;font-weight:500;color:#ffffffd9;line-height:1.4;margin:0;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-page__ai-message .highlight-cyan{color:#00d4aa;font-weight:700}.home-page__ai-message .highlight-green{color:#10b981;font-weight:700}.home-page__ai-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.home-page__ai-footer>span{font-size:14px;font-weight:600;color:#fff;display:block;margin-bottom:4px}.home-page__ai-footer>p{font-size:13px;color:#666;margin:0 0 16px}.home-page__ai-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;padding:12px 20px;border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.home-page__ai-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d}.home-page__ai-btn-wrapper{position:relative;display:inline-block}.home-page__ai-btn--disabled,.home-page__ai-btn:disabled{background:linear-gradient(135deg,#8b5cf666,#6366f166);cursor:not-allowed;opacity:.8}.home-page__ai-btn-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #f59e0b66;z-index:1}.home-page__quick-section{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:24px}.home-page__quick-section h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 20px}.home-page__quick-grid--expanded{display:flex;flex-direction:column;gap:12px}.home-page__quick-btn--large{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;cursor:pointer;transition:all .2s;text-align:left}.home-page__quick-btn--large:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translate(4px)}.home-page__quick-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.home-page__quick-icon--purple{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.home-page__quick-icon--teal{background:linear-gradient(135deg,#00d4aa,#06b6d4)}.home-page__quick-icon--blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.home-page__quick-icon--orange{background:linear-gradient(135deg,#f59e0b,#ea580c)}.home-page__quick-icon--green{background:linear-gradient(135deg,#10b981,#059669)}.home-page__quick-icon--red{background:linear-gradient(135deg,#ef4444,#dc2626)}.home-page__quick-text{flex:1;display:flex;flex-direction:column;gap:4px}.home-page__quick-title{font-size:15px;font-weight:600;color:#fff}.home-page__quick-subtitle{font-size:13px;color:#666}.home-page__quick-arrow{color:#444;flex-shrink:0;transition:transform .2s}.home-page__quick-btn--large:hover .home-page__quick-arrow{color:#888;transform:translate(4px)}.home-page__quick-btn--monitors{cursor:default}.home-page__quick-btn--monitors:hover{transform:none;border-color:#ffffff0f}.home-page__quick-mini-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.home-page__quick-mini-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px)}.home-page__quick-mini-btn:nth-child(1):hover{background:linear-gradient(135deg,#3b82f633,#2563eb33);border-color:#3b82f666;color:#3b82f6}.home-page__quick-mini-btn:nth-child(2):hover{background:linear-gradient(135deg,#10b98133,#05966933);border-color:#10b98166;color:#10b981}.home-page__quick-mini-btn:nth-child(3):hover{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef444466;color:#ef4444}.home-page__blog-section{margin-top:32px;max-width:1200px}.home-page__blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.home-page__blog-header h3{font-size:18px;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:10px}.home-page__blog-header h3 svg{color:#8b5cf6}.home-page__blog-link{display:flex;align-items:center;gap:6px;font-size:13px;color:#8b5cf6;text-decoration:none;transition:all .2s}.home-page__blog-link:hover{color:#a78bfa}.home-page__blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1000px){.home-page__blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.home-page__blog-grid{grid-template-columns:1fr}}.home-page__blog-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;text-decoration:none;transition:all .3s;display:flex;flex-direction:column}.home-page__blog-card:hover{background:#ffffff0d;border-color:#8b5cf64d;transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.home-page__blog-image{width:100%;height:140px;overflow:hidden}.home-page__blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.home-page__blog-card:hover .home-page__blog-image img{transform:scale(1.05)}.home-page__blog-content{padding:16px;display:flex;flex-direction:column;flex:1}.home-page__blog-title{font-size:15px;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-page__blog-excerpt{font-size:13px;color:#888;margin:0 0 12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.home-page__blog-meta{display:flex;align-items:center;gap:16px;font-size:11px;color:#666}.home-page__blog-date,.home-page__blog-author{display:flex;align-items:center;gap:4px}.home-page__blog-date svg,.home-page__blog-author svg{color:#8b5cf6}.home-page__blog-card--skeleton{pointer-events:none}.home-page__blog-image-skeleton{width:100%;height:140px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.home-page__blog-title-skeleton{height:20px;width:80%;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:8px}.home-page__blog-excerpt-skeleton{height:32px;width:100%;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:12px}.home-page__blog-meta-skeleton{height:14px;width:60%;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.home-page__blog-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#666;gap:12px}.home-page__blog-empty svg{opacity:.5}.home-page__kpi-breakdown{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:11px}.home-page__kpi-breakdown svg{color:#a78bfa}.home-page__kpi-breakdown--onchain svg{color:#6366f1}.home-page__kpi-separator{color:var(--text-tertiary);font-size:10px;margin:0 2px}.home-page__kpi-wallets{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.home-page__kpi-wallet-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.home-page__kpi-wallet-label{color:#ffffff80;font-weight:400;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page__kpi-wallet-value{font-weight:600;color:#ffffffb3}.home-page__kpi-wallet-value.positive{color:#10b981}.home-page__kpi-wallet-value.negative{color:#ef4444}.home-page__owl{position:relative;width:70px;height:70px;cursor:pointer;flex-shrink:0;align-self:center;animation:owlFloat 3s ease-in-out infinite;transition:transform .3s ease}.home-page__owl:hover{animation-play-state:paused;transform:scale(1.15)}.home-page__owl-svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(139,92,246,.3))}.home-page__owl-bubble{position:absolute;top:-30px;left:50%;transform:translate(-50%) translateY(8px) scale(.9);background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;transition:all .3s ease;pointer-events:none;z-index:10}.home-page__owl-bubble:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #6366f1}.home-page__owl:hover .home-page__owl-bubble{opacity:1;transform:translate(-50%) translateY(0) scale(1)}@keyframes owlFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.home-page__owl-svg .owl-eye{animation:owlBlink 4s ease-in-out infinite;transform-origin:center}@keyframes owlBlink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.home-page__owl-svg .owl-pupil{animation:owlLook 6s ease-in-out infinite}@keyframes owlLook{0%,to{transform:translate(0)}25%{transform:translate(2px)}75%{transform:translate(-2px)}}.home-page__owl-svg .owl-wing-left{animation:owlWingFlap 2s ease-in-out infinite;transform-origin:right center}.home-page__owl-svg .owl-wing-right{animation:owlWingFlap 2s ease-in-out infinite .1s;transform-origin:left center}@keyframes owlWingFlap{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}.home-page__owl-svg .owl-sparkle{opacity:0;transition:opacity .3s ease}.home-page__owl:hover .owl-sparkle{opacity:1;animation:owlSparkle 1s linear infinite}@keyframes owlSparkle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-page__owl:hover .owl-eye{animation:none;transform:scale(1.2)}@media(max-width:768px){.home-page{padding:12px 16px}.home-page__header{flex-direction:column;align-items:flex-start;gap:12px}.home-page__greeting{font-size:20px}.home-page__ai-message{font-size:18px}.home-page__ai-card--large{min-height:auto}.home-page__kpi-value{font-size:16px}}.onchain-page{min-height:100vh;padding:16px 24px}@media(max-width:768px){.onchain-page{padding:12px 16px}}.onchain-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}@media(max-width:768px){.onchain-page__header{flex-direction:column}}.onchain-page__title{font-size:24px;font-weight:600;color:#fff;margin:0 0 4px}.onchain-page__subtitle{font-size:14px;color:#888;margin:0}.onchain-page__header-actions{display:flex;gap:12px}@media(max-width:768px){.onchain-page__header-actions{width:100%}.onchain-page__header-actions button{flex:1;justify-content:center}}.onchain-page__btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.onchain-page__btn--primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.onchain-page__btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d}.onchain-page__btn--secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.onchain-page__btn--secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.onchain-page__btn:disabled{opacity:.5;cursor:not-allowed}.onchain-page__empty-card{background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border:1px solid rgba(139,92,246,.2);border-radius:20px;padding:48px 32px;text-align:center;max-width:500px;margin:60px auto}.onchain-page__empty-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:20px;background:linear-gradient(135deg,#8b5cf633,#6366f11a);display:flex;align-items:center;justify-content:center;color:#8b5cf6}.onchain-page__empty-title{font-size:22px;font-weight:600;color:#fff;margin:0 0 12px}.onchain-page__empty-text{font-size:15px;color:#888;margin:0 0 24px;line-height:1.6}.onchain-page__wallets-section{margin-bottom:24px}.onchain-page__wallets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.onchain-page__wallet-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.onchain-page__wallet-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#6366f1);opacity:0;transition:opacity .25s}.onchain-page__wallet-card:hover{background:#ffffff0d;border-color:#8b5cf64d;transform:translateY(-2px)}.onchain-page__wallet-card--selected{background:#8b5cf61a;border-color:#8b5cf666}.onchain-page__wallet-card--selected:before{opacity:1}.onchain-page__wallet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.onchain-page__wallet-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#8b5cf633,#6366f11a);display:flex;align-items:center;justify-content:center;color:#8b5cf6;flex-shrink:0}.onchain-page__wallet-info{flex:1;min-width:0}.onchain-page__wallet-label{font-size:15px;font-weight:600;color:#fff;margin:0 0 4px}.onchain-page__wallet-address{font-size:12px;font-family:Monaco,Menlo,monospace;color:#666;margin:0}.onchain-page__wallet-value{text-align:right}.onchain-page__wallet-amount{font-size:18px;font-weight:700;color:#fff;margin:0}.onchain-page__wallet-actions{display:flex;align-items:center;gap:8px}.onchain-page__wallet-sync{font-size:12px;color:#8b5cf6;background:#8b5cf61a;border:none;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .2s}.onchain-page__wallet-sync:hover{color:#a78bfa;background:#8b5cf633}.onchain-page__wallet-sync--error{color:#f59e0b;background:#f59e0b1a}.onchain-page__wallet-delete{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;cursor:pointer;transition:all .2s}.onchain-page__wallet-delete:hover{background:#ef444440;border-color:#ef444480;color:#ef4444;transform:scale(1.05)}.onchain-page__wallet-confirm{position:absolute;inset:0;background:#14141ef2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;z-index:10}.onchain-page__wallet-confirm p{margin:0;font-size:14px;font-weight:500;color:#fff}.onchain-page__wallet-confirm-actions{display:flex;gap:8px}.onchain-page__wallet-confirm-cancel,.onchain-page__wallet-confirm-delete{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.onchain-page__wallet-confirm-cancel{background:#ffffff1a;color:#fff}.onchain-page__wallet-confirm-cancel:hover{background:#ffffff26}.onchain-page__wallet-confirm-delete{background:#ef4444cc;color:#fff}.onchain-page__wallet-confirm-delete:hover{background:#ef4444}.onchain-page__kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1100px){.onchain-page__kpi-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.onchain-page__kpi-row{grid-template-columns:1fr}}.onchain-page__kpi-card{position:relative;border-radius:16px;padding:20px;border:1px solid;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.onchain-page__kpi-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.onchain-page__kpi-watermark{position:absolute;top:50%;right:-10px;transform:translateY(-50%);opacity:.08;pointer-events:none;transition:all .4s ease}.onchain-page__kpi-card:hover .onchain-page__kpi-watermark{opacity:.15;transform:translateY(-50%) scale(1.1)}.onchain-page__kpi-content{position:relative;z-index:1}.onchain-page__kpi-label{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.onchain-page__kpi-value{font-size:28px;font-weight:700;line-height:1.1}.onchain-page__kpi-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffff80;margin-top:8px}.onchain-page__tabs{display:flex;gap:4px;background:#ffffff08;padding:4px;border-radius:12px;margin-bottom:24px;border:1px solid rgba(255,255,255,.06);overflow-x:auto}.onchain-page__tab{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;color:#888;background:none;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.onchain-page__tab:hover{color:#fff;background:#ffffff0d}.onchain-page__tab--active{color:#fff;background:linear-gradient(135deg,#8b5cf64d,#6366f133)}.onchain-page__content{min-height:400px}.onchain-page__token-list{display:flex;flex-direction:column;gap:12px}.onchain-page__token-row{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .2s}.onchain-page__token-row:hover{background:#ffffff0d;border-color:#ffffff1a}.onchain-page__token-logo{width:44px;height:44px;border-radius:12px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.onchain-page__token-logo img{width:100%;height:100%;object-fit:cover}.onchain-page__token-logo-fallback{font-size:18px;font-weight:700;color:#666}.onchain-page__token-info{flex:1;min-width:0}.onchain-page__token-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.onchain-page__token-symbol{font-size:16px;font-weight:600;color:#fff}.onchain-page__token-chain{font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.onchain-page__token-balance{font-size:13px;color:#666}.onchain-page__token-value{text-align:right}.onchain-page__token-usd{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.onchain-page__token-change{font-size:13px;font-weight:500}.onchain-page__token-change--positive{color:#10b981}.onchain-page__token-change--negative{color:#ef4444}.onchain-page__token-allocation{width:80px;text-align:right}.onchain-page__token-percent{font-size:13px;color:#888;margin-bottom:6px}.onchain-page__token-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.onchain-page__token-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:2px;transition:width .3s ease}.onchain-page__defi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}@media(max-width:768px){.onchain-page__defi-grid{grid-template-columns:1fr}}.onchain-page__defi-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;transition:all .2s}.onchain-page__defi-card:hover{background:#ffffff0d;border-color:#ffffff1a}.onchain-page__defi-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.onchain-page__defi-logo{width:48px;height:48px;border-radius:12px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.onchain-page__defi-logo img{width:100%;height:100%;object-fit:cover}.onchain-page__defi-logo-fallback{font-size:24px}.onchain-page__defi-info{flex:1}.onchain-page__defi-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.onchain-page__defi-protocol{font-size:16px;font-weight:600;color:#fff}.onchain-page__defi-pool{font-size:13px;color:#666}.onchain-page__defi-value{text-align:right}.onchain-page__defi-amount{font-size:18px;font-weight:700;color:#fff}.onchain-page__defi-apy{font-size:13px;font-weight:600;color:#10b981}.onchain-page__defi-tokens{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.onchain-page__defi-token{font-size:12px;padding:6px 12px;background:#ffffff0d;border-radius:8px;color:#aaa}.onchain-page__defi-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.onchain-page__defi-stat-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.onchain-page__defi-stat-value{font-size:14px;font-weight:600;color:#fff}.onchain-page__defi-stat-value--green{color:#10b981}.onchain-page__tx-list{display:flex;flex-direction:column;gap:12px}.onchain-page__tx-row{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .2s}.onchain-page__tx-row:hover{background:#ffffff0d}.onchain-page__tx-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.onchain-page__tx-info{flex:1;min-width:0}.onchain-page__tx-type-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.onchain-page__tx-type{font-size:14px;font-weight:600}.onchain-page__tx-protocol{font-size:12px;color:#666}.onchain-page__tx-tokens{font-size:13px;color:#888}.onchain-page__tx-amounts{text-align:right}.onchain-page__tx-amount{font-size:14px;margin-bottom:2px}.onchain-page__tx-amount--out{color:#ef4444}.onchain-page__tx-amount--in{color:#10b981}.onchain-page__tx-meta{text-align:right;min-width:100px}.onchain-page__tx-date{font-size:13px;color:#888;margin-bottom:4px}.onchain-page__tx-hash{font-size:11px;font-family:Monaco,Menlo,monospace;color:#8b5cf6;text-decoration:none;transition:color .2s}.onchain-page__tx-hash:hover{color:#a78bfa}.onchain-page__pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.onchain-page__pagination-btn{padding:10px 20px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;font-size:14px;cursor:pointer;transition:all .2s}.onchain-page__pagination-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.onchain-page__pagination-btn:disabled{opacity:.3;cursor:not-allowed}.onchain-page__pagination-info{font-size:14px;color:#666}.onchain-page__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666;gap:12px}.onchain-page__empty-state svg{opacity:.4;margin-bottom:8px}.onchain-page__modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.onchain-page__modal{background:linear-gradient(135deg,#1e1e28f2,#14141efa);border:1px solid rgba(139,92,246,.3);border-radius:20px;padding:28px;width:100%;max-width:440px;box-shadow:0 25px 50px #00000080}.onchain-page__modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.onchain-page__modal-title{font-size:20px;font-weight:600;color:#fff;margin:0}.onchain-page__modal-close{background:#ffffff0d;border:none;width:36px;height:36px;border-radius:10px;color:#888;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.onchain-page__modal-close:hover{background:#ffffff1a;color:#fff}.onchain-page__form-group{margin-bottom:20px}.onchain-page__form-label{display:block;font-size:13px;color:#888;margin-bottom:8px}.onchain-page__form-input{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;transition:all .2s;outline:none}.onchain-page__form-input::placeholder{color:#555}.onchain-page__form-input:focus{border-color:#8b5cf680;background:#ffffff14}.onchain-page__form-error{font-size:13px;color:#ef4444;margin-top:8px}.onchain-page__form-actions{display:flex;gap:12px;margin-top:28px}.onchain-page__form-actions button{flex:1}.onchain-page__error-toast{position:fixed;bottom:24px;right:24px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:14px;padding:16px 20px;max-width:380px;display:flex;align-items:center;gap:12px;color:#fca5a5;font-size:14px;animation:slideIn .3s ease}.onchain-page__error-banner{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid rgba(239,68,68,.4);border-radius:16px;padding:16px 24px;width:calc(100% - 48px);max-width:600px;display:flex;align-items:flex-start;gap:16px;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #ef444433;animation:slideUp .3s ease;z-index:1000}.onchain-page__error-banner--warning{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border-color:#f59e0b66;box-shadow:0 8px 32px #f59e0b33}.onchain-page__error-banner--warning .onchain-page__error-icon{color:#f59e0b}.onchain-page__error-icon{color:#ef4444;flex-shrink:0;padding-top:2px}.onchain-page__error-content{flex:1}.onchain-page__error-title{font-size:15px;font-weight:600;margin:0 0 4px;color:#fff}.onchain-page__error-message{font-size:13px;color:#ffffffb3;margin:0;line-height:1.4}.onchain-page__error-close{background:#ffffff1a;border:none;width:32px;height:32px;border-radius:8px;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.onchain-page__error-close:hover{background:#ffffff26;color:#fff}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.onchain-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px;color:#888}.onchain-page__spinner{width:48px;height:48px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.onchain-page__view-all{display:block;text-align:center;padding:16px;font-size:14px;color:#8b5cf6;cursor:pointer;transition:color .2s;border:none;background:none;width:100%}.onchain-page__view-all:hover{color:#a78bfa}.onchain-page__section-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 16px}.onchain-page__nft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}@media(max-width:768px){.onchain-page__nft-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.onchain-page__nft-grid{grid-template-columns:1fr}}.onchain-page__nft-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer}.onchain-page__nft-card:hover{transform:translateY(-4px);border-color:#8b5cf666;box-shadow:0 12px 32px #0000004d}.onchain-page__nft-image{position:relative;aspect-ratio:1;background:#0000004d;overflow:hidden}.onchain-page__nft-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.onchain-page__nft-card:hover .onchain-page__nft-image img{transform:scale(1.05)}.onchain-page__nft-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#444}.onchain-page__nft-chain{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:8px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.onchain-page__nft-info{padding:14px}.onchain-page__nft-name{font-size:14px;font-weight:600;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onchain-page__nft-collection{font-size:12px;color:#666;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onchain-page__nft-value{font-size:15px;font-weight:600;color:#10b981;margin:0}.onchain-page__nft-rarity{font-size:11px;color:#f59e0b;margin:4px 0 0}.onchain-page__approvals-list{display:flex;flex-direction:column;gap:12px}.onchain-page__approvals-summary{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.onchain-page__approvals-stat{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px 24px;text-align:center;min-width:120px}.onchain-page__approvals-stat-value{display:block;font-size:28px;font-weight:700;color:#fff;margin-bottom:4px}.onchain-page__approvals-stat-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.onchain-page__approvals-stat--critical .onchain-page__approvals-stat-value{color:#ef4444}.onchain-page__approvals-stat--unlimited .onchain-page__approvals-stat-value{color:#f59e0b}.onchain-page__approval-row{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:14px;transition:all .2s}.onchain-page__approval-row:hover{transform:translate(4px)}.onchain-page__approval-token{display:flex;align-items:center;gap:12px;min-width:140px}.onchain-page__approval-logo{width:40px;height:40px;border-radius:10px;object-fit:cover}.onchain-page__approval-logo-fallback{width:40px;height:40px;border-radius:10px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#888}.onchain-page__approval-symbol{font-size:15px;font-weight:600;color:#fff;margin:0 0 4px}.onchain-page__approval-spender{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.onchain-page__approval-protocol-logo{width:28px;height:28px;border-radius:8px;flex-shrink:0}.onchain-page__approval-protocol{font-size:14px;font-weight:500;color:#fff;margin:0 0 2px}.onchain-page__approval-address{font-size:11px;font-family:Monaco,Menlo,monospace;color:#666;margin:0}.onchain-page__approval-amount{min-width:100px;text-align:right}.onchain-page__approval-unlimited{font-size:14px;font-weight:600;color:#f59e0b}.onchain-page__approval-risk{min-width:120px;text-align:right}.onchain-page__approval-risk-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600}.onchain-page__approval-risk-reason{font-size:11px;color:#888;margin:6px 0 0;text-align:right}@media(max-width:900px){.onchain-page__approval-row{flex-wrap:wrap}.onchain-page__approval-spender{order:3;width:100%;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}}.onchain-page__history-list{display:flex;flex-direction:column;gap:12px}.onchain-page__history-row{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .2s}.onchain-page__history-row:hover{background:#ffffff0d}.onchain-page__history-type{display:flex;align-items:center;gap:6px;min-width:120px;flex-wrap:wrap}.onchain-page__history-badge{padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.onchain-page__history-details{flex:1;min-width:0}.onchain-page__history-protocol{display:flex;align-items:center;gap:8px;margin-bottom:8px}.onchain-page__history-protocol-logo{width:20px;height:20px;border-radius:6px}.onchain-page__history-protocol span{font-size:13px;color:#888}.onchain-page__history-transfers{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.onchain-page__history-send{font-size:13px;font-weight:500;color:#ef4444;background:#ef44441a;padding:4px 10px;border-radius:6px}.onchain-page__history-receive{font-size:13px;font-weight:500;color:#10b981;background:#10b9811a;padding:4px 10px;border-radius:6px}.onchain-page__history-more{font-size:12px;color:#666;padding:4px 8px}.onchain-page__history-value{min-width:100px;text-align:right}.onchain-page__history-sent{font-size:14px;font-weight:500;color:#ef4444;margin:0 0 2px}.onchain-page__history-received{font-size:14px;font-weight:500;color:#10b981;margin:0}.onchain-page__history-meta{min-width:100px;text-align:right}.onchain-page__history-date{font-size:13px;color:#888;margin:0 0 4px}.onchain-page__history-hash{font-size:11px;font-family:Monaco,Menlo,monospace;color:#8b5cf6;text-decoration:none;display:block}.onchain-page__history-hash:hover{color:#a78bfa}.onchain-page__history-gas{font-size:10px;color:#666;margin:4px 0 0}@media(max-width:768px){.onchain-page__history-row{flex-wrap:wrap}.onchain-page__history-type{width:100%;margin-bottom:8px}.onchain-page__history-value,.onchain-page__history-meta{min-width:auto}}.blog-page{min-height:100vh;background:var(--bg-primary, #000)}.blog-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--text-muted, #888);gap:16px}.blog-page__loading .spinning{animation:spin 1s linear infinite}.blog-container{max-width:1200px;margin:0 auto;padding:0 24px}.blog-hero{padding:80px 24px 60px;background:linear-gradient(180deg,rgba(139,92,246,.1) 0%,transparent 100%);text-align:center}.blog-hero__content{max-width:700px;margin:0 auto}.blog-hero h1{font-size:3rem;font-weight:800;color:var(--text-color, #fff);margin:0 0 16px;letter-spacing:-.02em}.blog-hero__gradient{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero p{font-size:1.125rem;color:var(--text-muted, #888);margin:0 0 32px;line-height:1.6}.blog-hero__search{display:flex;align-items:center;gap:12px;max-width:500px;margin:0 auto;padding:12px 20px;background:var(--bg-secondary, #111);border:1px solid var(--border-color, #222);border-radius:12px;transition:all .2s ease}.blog-hero__search:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.blog-hero__search svg{color:var(--text-muted, #666);flex-shrink:0}.blog-hero__search input{flex:1;background:none;border:none;color:var(--text-color, #fff);font-size:1rem;outline:none}.blog-hero__search input::placeholder{color:var(--text-muted, #666)}.blog-hero__search button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:var(--bg-hover, rgba(255, 255, 255, .05));color:var(--text-muted, #888);cursor:pointer}.blog-section-title{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:var(--text-color, #fff);margin:0 0 24px}.blog-section-title svg{color:#f59e0b}.blog-featured{padding:40px 24px 60px}.blog-featured__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.blog-featured__card{position:relative;border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .3s ease}.blog-featured__card:hover{transform:translateY(-4px)}.blog-featured__card--main{grid-row:span 2}.blog-featured__image{position:relative;width:100%;height:100%;min-height:200px}.blog-featured__card--main .blog-featured__image{min-height:420px}.blog-featured__image img,.blog-featured__placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.blog-featured__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 100%)}.blog-featured__content{position:absolute;bottom:0;left:0;right:0;padding:24px;color:#fff}.blog-featured__category{display:inline-block;padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px}.blog-featured__content h3{font-size:1.25rem;font-weight:700;margin:0 0 8px;line-height:1.3}.blog-featured__card--main .blog-featured__content h3{font-size:1.5rem}.blog-featured__content p{font-size:.9375rem;color:#fffc;margin:0 0 12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-featured__meta{display:flex;gap:16px;font-size:.8125rem;color:#ffffffb3}.blog-featured__meta span{display:flex;align-items:center;gap:6px}.blog-categories{padding:20px 24px;background:var(--bg-secondary, #0a0a0a);border-top:1px solid var(--border-color, #1a1a1a);border-bottom:1px solid var(--border-color, #1a1a1a);position:sticky;top:0;z-index:50}.blog-categories__header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.blog-categories__filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.blog-categories__filter{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border-color, #222);border-radius:20px;background:transparent;color:var(--text-muted, #888);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.blog-categories__filter:hover{background:var(--bg-hover, rgba(255, 255, 255, .05));color:var(--text-color, #fff)}.blog-categories__filter.active{background:var(--category-color, #8b5cf6);border-color:var(--category-color, #8b5cf6);color:#fff}.blog-categories__count{background:#fff3;padding:2px 8px;border-radius:10px;font-size:.75rem}.blog-categories__view-toggle{display:flex;gap:4px;background:var(--bg-primary, #000);border-radius:8px;padding:4px}.blog-categories__view-toggle button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:6px;background:transparent;color:var(--text-muted, #666);cursor:pointer;transition:all .15s ease}.blog-categories__view-toggle button:hover{color:var(--text-color, #fff)}.blog-categories__view-toggle button.active{background:var(--bg-secondary, #111);color:#8b5cf6}.blog-articles{padding:40px 24px 60px}.blog-articles__search-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #222);color:var(--text-muted, #888)}.blog-articles__count{font-weight:600;color:var(--text-color, #fff)}.blog-articles__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--text-muted, #888)}.blog-articles__empty svg{opacity:.3;margin-bottom:20px}.blog-articles__empty h3{font-size:1.25rem;color:var(--text-color, #fff);margin:0 0 8px}.blog-articles__empty p{margin:0 0 24px}.blog-articles__empty button{padding:12px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.blog-articles__empty button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px)}.blog-articles__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.blog-category-section{margin-bottom:48px}.blog-category-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #222)}.blog-category-section__header h2{font-size:1.25rem;font-weight:700;margin:0}.blog-category-section__header span{font-size:.875rem;color:var(--text-muted, #888)}.blog-category-section__more{display:flex;align-items:center;gap:8px;margin-top:20px;padding:10px 20px;border:1px solid var(--border-color, #333);border-radius:8px;background:transparent;color:var(--text-muted, #888);font-size:.875rem;cursor:pointer;transition:all .15s ease}.blog-category-section__more:hover{background:var(--bg-hover, rgba(255, 255, 255, .05));color:var(--text-color, #fff);border-color:var(--text-muted, #666)}.blog-article-card{display:flex;flex-direction:column;background:var(--bg-secondary, #111);border:1px solid var(--border-color, #1a1a1a);border-radius:16px;overflow:hidden;text-decoration:none;transition:all .2s ease}.blog-article-card:hover{border-color:var(--border-color, #333);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.blog-article-card__image{position:relative;aspect-ratio:16/9;overflow:hidden}.blog-article-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-article-card:hover .blog-article-card__image img{transform:scale(1.05)}.blog-article-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #666)}.blog-article-card__content{flex:1;padding:20px}.blog-article-card__category{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:12px}.blog-article-card__title{font-size:1.0625rem;font-weight:600;color:var(--text-color, #fff);margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s ease}.blog-article-card:hover .blog-article-card__title{color:#a78bfa}.blog-article-card__excerpt{font-size:.875rem;color:var(--text-muted, #888);margin:0 0 16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-article-card__meta{display:flex;gap:16px;font-size:.75rem;color:var(--text-muted, #666)}.blog-article-card__meta span{display:flex;align-items:center;gap:4px}.blog-article-card__arrow{padding:16px 20px;border-top:1px solid var(--border-color, #1a1a1a);display:flex;justify-content:flex-end;color:var(--text-muted, #666);transition:all .15s ease}.blog-article-card:hover .blog-article-card__arrow{color:#8b5cf6}.blog-article-card:hover .blog-article-card__arrow svg{transform:translate(4px);transition:transform .15s ease}.blog-newsletter{padding:60px 24px;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.05) 100%)}.blog-newsletter__card{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;background:var(--bg-secondary, #111);border:1px solid var(--border-color, #222);border-radius:20px}.blog-newsletter__content h2{font-size:1.5rem;font-weight:700;color:var(--text-color, #fff);margin:0 0 8px}.blog-newsletter__content p{color:var(--text-muted, #888);margin:0}.blog-newsletter__form{display:flex;gap:12px}.blog-newsletter__form input{padding:14px 20px;border:1px solid var(--border-color, #333);border-radius:10px;background:var(--bg-primary, #000);color:var(--text-color, #fff);font-size:1rem;min-width:260px}.blog-newsletter__form input:focus{outline:none;border-color:#8b5cf6}.blog-newsletter__form button{padding:14px 28px;border:none;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.blog-newsletter__form button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.blog-featured__grid{grid-template-columns:1fr}.blog-featured__card--main{grid-row:auto}.blog-featured__card--main .blog-featured__image{min-height:280px}}@media(max-width:768px){.blog-hero{padding:60px 16px 40px}.blog-hero h1{font-size:2rem}.blog-categories{padding:16px}.blog-categories__filters{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.blog-articles__grid{grid-template-columns:1fr}.blog-newsletter__card{flex-direction:column;text-align:center;padding:32px 24px}.blog-newsletter__form{flex-direction:column;width:100%}.blog-newsletter__form input{min-width:auto;width:100%}}.alerts-page{min-height:100vh;padding:16px 24px}.alerts-page__auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:16px}.alerts-page__auth-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:1px solid rgba(139,92,246,.25);border-radius:50%;color:#8b5cf6;margin-bottom:8px}.alerts-page__auth-required h2{font-size:24px;font-weight:600;color:#fff;margin:0}.alerts-page__auth-required p{font-size:14px;color:#888;margin:0;max-width:300px}.alerts-page__auth-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.alerts-page__auth-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf64d}.alerts-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.alerts-page__header-left h1{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:600;color:#fff;margin:0 0 8px}.alerts-page__header-left h1 svg{color:#8b5cf6}.alerts-page__header-left p{font-size:14px;color:#888;margin:0}.alerts-page__header-actions{display:flex;align-items:center;gap:12px}.alerts-page__sync-status{display:flex;align-items:center;gap:6px;font-size:12px;padding:6px 12px;border-radius:20px;font-weight:500}.alerts-page__sync-status--syncing{background:#8b5cf626;color:#a78bfa}.alerts-page__sync-status--error{background:#ef444426;color:#f87171}.alerts-page__sync-status--success{background:#10b98126;color:#34d399}.alerts-page__create-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.alerts-page__create-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d}.alerts-page__kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1100px){.alerts-page__kpi-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.alerts-page__kpi-row{grid-template-columns:1fr}}.alerts-page__kpi-card{position:relative;border-radius:16px;padding:20px;border:1px solid;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alerts-page__kpi-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.alerts-page__kpi-card--total{background:linear-gradient(135deg,#8b5cf626,#6366f114);border-color:#8b5cf640}.alerts-page__kpi-card--total .alerts-page__kpi-value{color:#a78bfa}.alerts-page__kpi-card--active{background:linear-gradient(135deg,#3b82f626,#2563eb14);border-color:#3b82f640}.alerts-page__kpi-card--active .alerts-page__kpi-value{color:#60a5fa}.alerts-page__kpi-card--triggered{background:linear-gradient(135deg,#10b98126,#05966914);border-color:#10b98140}.alerts-page__kpi-card--triggered .alerts-page__kpi-value{color:#34d399}.alerts-page__kpi-card--paused{background:linear-gradient(135deg,#fb923c26,#f59e0b14);border-color:#fb923c40}.alerts-page__kpi-card--paused .alerts-page__kpi-value{color:#fb923c}.alerts-page__kpi-watermark{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:#ffffff0d;pointer-events:none;transition:all .4s ease}.alerts-page__kpi-card:hover .alerts-page__kpi-watermark{opacity:.1;transform:translateY(-50%) scale(1.1)}.alerts-page__kpi-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}.alerts-page__kpi-label{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.alerts-page__kpi-value{font-size:32px;font-weight:700;line-height:1.1}.alerts-page__filters{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.alerts-page__tabs{display:flex;gap:4px;background:#ffffff08;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.alerts-page__tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:8px;color:#888;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.alerts-page__tab:hover{color:#fff;background:#ffffff0d}.alerts-page__tab--active{color:#fff;background:linear-gradient(135deg,#8b5cf64d,#6366f133)}.alerts-page__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#8b5cf6;color:#fff;font-size:10px;font-weight:600;border-radius:9px}.alerts-page__tab-badge--triggered{background:#22c55e}.alerts-page__search{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;flex:1;max-width:300px}.alerts-page__search svg{color:#666;flex-shrink:0}.alerts-page__search input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:13px}.alerts-page__search input::placeholder{color:#666}.alerts-page__search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ffffff1a;border:none;border-radius:50%;color:#888;cursor:pointer;transition:all .2s}.alerts-page__search-clear:hover{background:#fff3;color:#fff}.alerts-page__clear-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.alerts-page__clear-btn:hover{background:#ef44441a;border-color:#ef444480}.alerts-page__content{min-height:300px}.alerts-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.alerts-page__loading-spinner{color:#8b5cf6}.alerts-page__loading p{color:#888;font-size:14px;margin:0}.alerts-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:16px}.alerts-page__empty-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border:1px solid rgba(139,92,246,.2);border-radius:50%;color:#8b5cf6}.alerts-page__empty h3{font-size:18px;font-weight:600;color:#fff;margin:0}.alerts-page__empty p{font-size:14px;color:#888;margin:0;max-width:360px}.alerts-page__empty-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.alerts-page__empty-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d}.alerts-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}@media(max-width:768px){.alerts-page__grid{grid-template-columns:1fr}}.alerts-page__alert-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;transition:all .3s ease;display:flex;flex-direction:column;gap:16px}.alerts-page__alert-card:hover,.alerts-page__alert-card--hover{background:#ffffff0d;border-color:#8b5cf64d;transform:translateY(-4px);box-shadow:0 12px 32px #0003}.alerts-page__alert-card--triggered{background:#10b9810d;border-color:#10b98133}.alerts-page__alert-card--triggered:hover{border-color:#10b98166}.alerts-page__alert-card--paused{opacity:.7}.alerts-page__alert-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.alerts-page__alert-token{display:flex;align-items:center;gap:12px}.alerts-page__alert-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff0d;color:#888;transition:all .2s}.alerts-page__alert-icon--active{background:linear-gradient(135deg,#3b82f633,#2563eb26);color:#60a5fa}.alerts-page__alert-icon--triggered{background:linear-gradient(135deg,#10b98133,#05966926);color:#34d399}.alerts-page__alert-token-info{display:flex;flex-direction:column;gap:2px}.alerts-page__alert-token-name{font-size:16px;font-weight:600;color:#fff}.alerts-page__alert-token-id{font-size:12px;color:#666}.alerts-page__alert-actions{display:flex;gap:6px}.alerts-page__alert-action{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#888;cursor:pointer;transition:all .2s}.alerts-page__alert-action:hover{background:#ffffff1a;color:#fff}.alerts-page__alert-action--delete:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.alerts-page__alert-body{display:flex;flex-direction:column;gap:12px}.alerts-page__alert-condition{display:flex;flex-direction:column;gap:4px}.alerts-page__alert-condition-label{font-size:11px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.alerts-page__alert-condition-value{font-size:15px;font-weight:500;color:#fff}.alerts-page__alert-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600}.alerts-page__alert-badge--repeatable{background:#3b82f626;color:#60a5fa}.alerts-page__alert-triggered-info{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#10b9811a;border-radius:10px;color:#34d399;font-size:13px;font-weight:500}.alerts-page__alert-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.alerts-page__alert-date{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.alerts-page__alert-status{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.alerts-page__alert-status--active{background:#3b82f626;color:#60a5fa}.alerts-page__alert-status--triggered{background:#10b98126;color:#34d399}.alerts-page__alert-status--paused{background:#ffffff14;color:#888}@media(max-width:768px){.alerts-page{padding:12px 16px}.alerts-page__header{flex-direction:column;align-items:flex-start}.alerts-page__header-left h1{font-size:22px}.alerts-page__filters{flex-direction:column;align-items:stretch}.alerts-page__tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.alerts-page__search{max-width:none}.alerts-page__kpi-value{font-size:26px}}.alerts-page__alert-card{animation:fadeInUp .3s ease forwards}.alerts-page__alert-card:nth-child(1){animation-delay:0ms}.alerts-page__alert-card:nth-child(2){animation-delay:50ms}.alerts-page__alert-card:nth-child(3){animation-delay:.1s}.alerts-page__alert-card:nth-child(4){animation-delay:.15s}.alerts-page__alert-card:nth-child(5){animation-delay:.2s}.alerts-page__alert-card:nth-child(6){animation-delay:.25s}.admin-sidebar{position:fixed;top:0;left:0;height:100vh;width:256px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;z-index:50;transition:transform .3s ease}@media(max-width:1023px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar--open{transform:translate(0)}}.admin-sidebar__header{padding:16px;border-bottom:1px solid #e2e8f0}.admin-sidebar__brand{display:flex;align-items:center;gap:12px;text-decoration:none}.admin-sidebar__logo{width:40px;height:40px;border-radius:10px;background:#ef44441a;display:flex;align-items:center;justify-content:center;color:#ef4444}.admin-sidebar__brand-text{display:flex;flex-direction:column}.admin-sidebar__brand-name{font-weight:700;font-size:1.125rem;color:#0f172a}.admin-sidebar__brand-subtitle{font-size:.75rem;color:#64748b}.admin-sidebar__nav{flex:1;padding:12px;overflow-y:auto}.admin-sidebar__section{margin-bottom:8px}.admin-sidebar__section:first-child .admin-sidebar__section-title{margin-top:0}.admin-sidebar__section-title{display:block;padding:8px 12px;margin-top:16px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.admin-sidebar__nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:#64748b;font-size:.875rem;font-weight:500;transition:all .15s ease}.admin-sidebar__nav-item:hover{background:#f1f5f9;color:#0f172a}.admin-sidebar__nav-item--active{background:#ef44441a;color:#ef4444}.admin-sidebar__nav-item--active:hover{background:#ef444426;color:#ef4444}.admin-sidebar__nav-label{flex:1}.admin-sidebar__badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.6875rem;font-weight:600;border-radius:10px;background:#f97316;color:#fff}.admin-sidebar__footer{padding:16px;border-top:1px solid #e2e8f0}.admin-sidebar__footer-link{display:flex;align-items:center;gap:12px;padding:8px 12px;font-size:.875rem;color:#64748b;text-decoration:none;border:none;background:none;width:100%;cursor:pointer;border-radius:6px;transition:all .15s ease}.admin-sidebar__footer-link:hover{color:#0f172a;background:#f1f5f9}.admin-sidebar__footer-link--danger:hover{color:#ef4444;background:#ef44441a}.admin-sidebar__mobile-toggle{position:fixed;top:16px;left:16px;z-index:51;display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .15s ease}.admin-sidebar__mobile-toggle:hover{background:#f1f5f9;color:#0f172a}@media(max-width:1023px){.admin-sidebar__mobile-toggle{display:flex}}.admin-sidebar__overlay{position:fixed;inset:0;background:#00000080;z-index:49;display:none}@media(max-width:1023px){.admin-sidebar__overlay{display:block}}.admin-layout{min-height:100vh;background:#f8fafc}.admin-layout__main{margin-left:256px;min-height:100vh;padding:24px 32px}@media(max-width:1023px){.admin-layout__main{margin-left:0;padding:72px 16px 24px}}.admin-layout__loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8fafc;color:#ef4444}.admin-layout__loading .spinning{animation:admin-spin 1s linear infinite}@keyframes admin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:24px}.admin-login__card{width:100%;max-width:400px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.admin-login__header{padding:32px 32px 24px;text-align:center;background:linear-gradient(135deg,#fef2f2,#fff);border-bottom:1px solid #fecaca}.admin-login__logo{width:64px;height:64px;margin:0 auto 16px;border-radius:16px;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;color:#fff}.admin-login__title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 4px}.admin-login__subtitle{font-size:.875rem;color:#64748b;margin:0}.admin-login__form{padding:24px 32px 32px}.admin-login__field{margin-bottom:16px}.admin-login__field label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:8px}.admin-login__input-wrapper{position:relative}.admin-login__input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.admin-login__field input{width:100%;padding:12px 12px 12px 42px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9375rem;transition:all .15s ease}.admin-login__field input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.admin-login__error{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem}.admin-login__submit{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.9375rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.admin-login__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.admin-login__submit:disabled{opacity:.6;cursor:not-allowed}.admin-login__submit .spinning{animation:admin-spin 1s linear infinite}.admin-login__footer{padding:16px 32px 24px;text-align:center}.admin-login__back{display:inline-flex;align-items:center;gap:8px;color:#64748b;text-decoration:none;font-size:.875rem;transition:color .15s ease}.admin-login__back:hover{color:#0f172a}.admin-page-header{margin-bottom:24px}.admin-page-header__title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 4px}.admin-page-header__subtitle{font-size:.875rem;color:#64748b;margin:0}.admin-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.admin-card__header{padding:16px 24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.admin-card__title{font-size:1rem;font-weight:600;color:#0f172a;margin:0}.admin-card__body{padding:24px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.admin-stat-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:20px;display:flex;align-items:flex-start;gap:16px}.admin-stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-stat-card__icon--primary{background:#ef44441a;color:#ef4444}.admin-stat-card__icon--success{background:#22c55e1a;color:#22c55e}.admin-stat-card__icon--info{background:#3b82f61a;color:#3b82f6}.admin-stat-card__icon--warning{background:#f59e0b1a;color:#f59e0b}.admin-stat-card__content{flex:1}.admin-stat-card__value{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 2px}.admin-stat-card__label{font-size:.8125rem;color:#64748b;margin:0}.admin-stat-card__trend{font-size:.75rem;margin-top:4px}.admin-stat-card__trend--up{color:#22c55e}.admin-stat-card__trend--down{color:#ef4444}.admin-dashboard__loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#ef4444}.admin-dashboard__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:1023px){.admin-dashboard__grid{grid-template-columns:1fr}}.admin-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;border:none}.admin-btn--text{background:transparent;color:#ef4444;padding:4px 8px}.admin-btn--text:hover{background:#ef44441a}.admin-activity-list{padding:0}.admin-activity-item{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid #e2e8f0}.admin-activity-item:last-child{border-bottom:none}.admin-activity-item__icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-activity-item__icon--user{background:#ef44441a;color:#ef4444}.admin-activity-item__icon--support{background:#3b82f61a;color:#3b82f6}.admin-activity-item__icon--blog{background:#22c55e1a;color:#22c55e}.admin-activity-item__icon--api{background:#f59e0b1a;color:#f59e0b}.admin-activity-item__content{flex:1}.admin-activity-item__message{font-size:.875rem;color:#0f172a;margin:0 0 2px}.admin-activity-item__time{font-size:.75rem;color:#94a3b8;margin:0}.admin-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:24px}.admin-quick-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#f8fafc;border-radius:12px;text-decoration:none;color:#64748b;transition:all .15s ease}.admin-quick-action:hover{background:#ef44441a;color:#ef4444}.admin-quick-action span{font-size:.8125rem;font-weight:500}.admin-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.admin-status-badge--success{background:#22c55e1a;color:#16a34a}.admin-status-badge--warning{background:#f59e0b1a;color:#d97706}.admin-status-badge--error{background:#ef44441a;color:#dc2626}.admin-system-status{padding:24px}.admin-system-status__item{margin-bottom:16px}.admin-system-status__item:last-child{margin-bottom:0}.admin-system-status__info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.admin-system-status__name{font-size:.875rem;color:#374151}.admin-system-status__value{font-size:.75rem;color:#64748b}.admin-system-status__bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.admin-system-status__progress{height:100%;background:#ef4444;border-radius:3px;transition:width .3s ease}.admin-system-status__progress--success{background:#22c55e}.admin-system-status__progress--warning{background:#f59e0b}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.75;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--shadow-modal: 0 20px 40px -10px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .05) inset;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--easing-default: cubic-bezier(.4, 0, .2, 1);--easing-in: cubic-bezier(.4, 0, 1, 1);--easing-out: cubic-bezier(0, 0, .2, 1);--easing-in-out: cubic-bezier(.4, 0, .2, 1);--easing-bounce: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 50;--z-overlay: 100;--z-modal-backdrop: 999;--z-modal: 1000;--z-popover: 1100;--z-tooltip: 1200;--z-toast: 1300;--z-max: 9999;--touch-target-min: 44px;--touch-target-comfortable: 48px;--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--accent, #1177ee);--color-success: #059669;--color-success-light: rgba(5, 150, 105, .1);--color-success-dark: #047857;--color-error: #dc2626;--color-error-light: rgba(220, 38, 38, .1);--color-error-dark: #b91c1c;--color-warning: #b45309;--color-warning-light: rgba(180, 83, 9, .1);--color-warning-dark: #92400e;--color-info: #3b82f6;--color-info-light: rgba(59, 130, 246, .1);--color-info-dark: #2563eb;--accent-bg: rgba(17, 119, 238, .1);--accent-bg-hover: rgba(17, 119, 238, .15);--accent-border: rgba(17, 119, 238, .3);--accent-purple: #8b5cf6;--accent-purple-light: rgba(139, 92, 246, .1);--accent-purple-dark: #7c3aed;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-error: linear-gradient(135deg, #ef4444 0%, #f87171 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--gradient-info: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 24px;--icon-size-xl: 32px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1280px;--max-width-2xl: 1536px;--max-width-prose: 65ch;--modal-width-sm: 400px;--modal-width-md: 500px;--modal-width-lg: 600px;--modal-width-xl: 800px;--modal-width-full: calc(100vw - 48px) }body.dark-mode{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-modal: 0 20px 40px -10px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .08) inset;--accent-bg: rgba(17, 119, 238, .15);--accent-bg-hover: rgba(17, 119, 238, .25);--accent-border: rgba(17, 119, 238, .4);--accent-purple-light: rgba(139, 92, 246, .15)}.focus-ring:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;z-index:var(--z-max);padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;text-decoration:none;border-radius:var(--radius-md)}.skip-link:focus{left:var(--space-4);top:var(--space-4)}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.app-shell{display:flex;height:100vh;overflow:hidden;width:100%}.sidebar{width:260px;background:#ffffffbf;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-right:1px solid rgba(255,255,255,.2);box-shadow:2px 0 24px #1f26871a;display:flex;flex-direction:column;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}body.dark-mode .sidebar{background:#0d1117bf;border-right-color:#ffffff1a;box-shadow:2px 0 24px #0000004d}.sidebar.collapsed{width:72px}.sidebar-header{padding:0 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;height:72px;flex-shrink:0;box-sizing:border-box}.sidebar-logo{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.sidebar-brand{font-size:18px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-brand{display:none}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 12px}.nav-section{margin-bottom:24px}.nav-section-title{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--muted);padding:0 12px 8px;letter-spacing:.5px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease;color:var(--text);text-decoration:none;margin-bottom:4px;position:relative;border:none;background:transparent;width:100%;text-align:left;font-size:14px;font-weight:500}.nav-item:hover{background:var(--hover, rgba(0, 0, 0, .05));transform:translate(2px)}.nav-item.active{background:var(--accent);color:#fff;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#fff;border-radius:0 2px 2px 0}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .nav-label{display:none}.nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.sidebar.collapsed .nav-badge{display:none}.sidebar-footer{border-top:1px solid var(--border);padding:12px;flex-shrink:0}.collapse-btn{margin-top:4px;justify-content:center}.sidebar.collapsed .collapse-btn{justify-content:center;padding-left:12px;padding-right:12px}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px}.top-bar{height:72px;border-bottom:1px solid rgba(255,255,255,.2);background:#fffc;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:0 2px 24px #1f268714;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100;flex-shrink:0}body.dark-mode .top-bar{background:#0d1117cc;border-bottom-color:#ffffff1a;box-shadow:0 2px 24px #0003}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:14px}.breadcrumb-item{color:var(--muted);display:flex;align-items:center;gap:8px}.breadcrumb-item.active{color:var(--text);font-weight:600}.breadcrumb-separator{color:var(--muted);display:flex;align-items:center}.top-bar-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:40px;height:40px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.icon-btn:hover{background:var(--hover, rgba(0, 0, 0, .05));transform:translateY(0)}.search-bar{position:relative;width:300px;display:flex;align-items:center}.search-input{width:100%;padding:8px 50px 8px 36px;border-radius:8px;border:1px solid var(--border);background:var(--bg);font-size:14px;transition:all .2s ease;color:var(--text);cursor:pointer}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1177ee1a}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-bar .kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;padding:2px 6px}body.dark-mode .icon-btn:hover,body.dark-mode .nav-item:hover{background:var(--hover)}@media(max-width:768px){.sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-backdrop.visible{opacity:1;visibility:visible}body.dark-mode .sidebar-backdrop{background:#000000b3}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1000;width:280px;max-width:85vw;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.sidebar.open{transform:translate(0);box-shadow:4px 0 32px #00000040}body.dark-mode .sidebar.open{box-shadow:4px 0 32px #00000080}.sidebar.collapsed{width:280px;max-width:85vw;transform:translate(-100%)}.sidebar.collapsed.open{width:280px;max-width:85vw;transform:translate(0)}.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-brand,.sidebar.collapsed .nav-badge{display:block!important}.nav-item{padding:14px 16px;min-height:48px;margin-bottom:2px}.nav-label{white-space:normal;word-wrap:break-word;line-height:1.3}.nav-section-title{padding:16px 16px 10px;font-size:12px}.search-bar{display:none}.app-content{padding:16px}.top-bar{height:56px;padding:0 12px}body.sidebar-open{overflow:hidden;position:fixed;width:100%}}@media(max-width:480px){.breadcrumbs{font-size:13px}.app-content{padding:12px}.top-bar{height:52px;padding:0 10px}}@media(max-width:375px){.app-content{padding:10px}.top-bar{height:48px}.sidebar{width:260px}}.command-palette-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s ease}.command-palette{width:90%;max-width:640px;background:#ffffffd9;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border-radius:12px;box-shadow:0 25px 50px #1f26874d;border:1px solid rgba(255,255,255,.3);overflow:hidden;animation:slideUp .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:70vh}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}body.dark-mode .command-palette{background:#161b22e6;border-color:#ffffff26;box-shadow:0 25px 50px #000000b3}.command-search{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border);flex-shrink:0}.command-search-icon{color:var(--muted);flex-shrink:0}.command-input{flex:1;border:none;background:transparent;font-size:16px;outline:none;color:var(--text);padding:0}.command-input::placeholder{color:var(--muted)}.command-results{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;min-height:0}.command-results::-webkit-scrollbar{width:6px}.command-results::-webkit-scrollbar-track{background:transparent}.command-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.command-results::-webkit-scrollbar-thumb:hover{background:var(--muted)}.command-category{margin-bottom:16px}.command-category:last-child{margin-bottom:0}.command-category-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--muted);padding:8px 12px 4px;letter-spacing:.5px}.command-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .1s ease;margin-bottom:2px}.command-item:hover,.command-item.selected{background:var(--hover, rgba(0, 0, 0, .05))}.command-item.selected{outline:2px solid var(--accent);outline-offset:-2px}body.dark-mode .command-item:hover,body.dark-mode .command-item.selected{background:var(--hover)}.command-label{flex:1;font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-shortcut{margin-left:auto;font-size:11px;flex-shrink:0}.command-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--muted);text-align:center;gap:12px}.command-empty svg{opacity:.3}.command-empty p{margin:0;font-size:14px}.command-footer{display:flex;align-items:center;gap:16px;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg);flex-shrink:0}.command-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.command-hint .kbd{font-size:10px;padding:2px 6px}@media(max-width:768px){.command-palette-overlay{padding-top:10vh}.command-palette{width:95%;max-height:80vh}.command-search{padding:12px}.command-input{font-size:14px}}.card,.btn,button,a,input,select,textarea,.interactive,.metric-card,.nav-item,.sidebar-item,.tab,.badge,.alert,.toast,.modal-content,.dropdown,.tooltip{transition-property:background-color,border-color,color,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card{transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}@media(hover:hover)and (pointer:fine){.card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000001a}body.dark-mode .card:hover{box-shadow:0 12px 24px #0006}}button{position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}@media(hover:hover)and (pointer:fine){button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}button:not(:disabled):active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s;pointer-events:none}button:active:before{width:300px;height:300px;transition:width 0s,height 0s}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--bg) 0%,var(--border) 50%,var(--bg) 100%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:4px;display:inline-block}.skeleton-text{height:16px;margin-bottom:8px;border-radius:4px}.skeleton-title{height:24px;width:60%;margin-bottom:12px;border-radius:4px}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.spinner-lg{width:40px;height:40px;border-width:3px}.spinner-inline{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px;vertical-align:middle;opacity:.8}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .3s ease}.animate-fade-in-up{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1)}.animate-fade-in-down{animation:fadeInDown .4s cubic-bezier(.4,0,.2,1)}.animate-fade-in-left{animation:fadeInLeft .4s cubic-bezier(.4,0,.2,1)}.animate-fade-in-right{animation:fadeInRight .4s cubic-bezier(.4,0,.2,1)}.stagger-children>*{opacity:0;animation:fadeInUp .4s ease forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce{animation:bounce 1s infinite}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .2s cubic-bezier(.4,0,.2,1)}.animate-fade-in-scale{animation:fadeInScale .2s ease}.progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--accent);transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1177ee1a;transform:scale(1.01)}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{box-shadow:0 0 0 3px #58a6ff33}table tbody tr{transition:all .15s cubic-bezier(.4,0,.2,1)}table tbody tr:hover{transform:scale(1.01);box-shadow:0 2px 8px #0000000d;z-index:1}body.dark-mode table tbody tr:hover{box-shadow:0 2px 8px #0000004d}.modal-overlay.show{animation:fadeIn .2s ease}.modal-overlay.show .modal-content{animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.toast.show{animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}.toast.hide{animation:slideOutRight .2s ease}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-count-up{animation:countUp .5s cubic-bezier(.4,0,.2,1)}@keyframes wiggle{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.animate-wiggle{animation:wiggle .3s ease}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;max-height:1000px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-10px)}}.animate-slide-down{animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.animate-slide-up{animation:slideUp .2s cubic-bezier(.4,0,.2,1)}@keyframes glow{0%,to{box-shadow:0 0 5px #6366f133,0 0 10px #6366f11a}50%{box-shadow:0 0 20px #6366f166,0 0 30px #6366f133}}.animate-glow{animation:glow 2s ease-in-out infinite}.collapsible-content{transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.collapsible-content.collapsed{max-height:0!important;opacity:0;padding-top:0!important;padding-bottom:0!important}.collapsible-content.expanded{max-height:10000px;opacity:1}.metrics>*{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.metrics>*:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.metrics>*:hover:before{opacity:1}.metrics>*:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 32px #00000026;z-index:10}body.dark-mode .metrics>*:hover{box-shadow:0 16px 32px #00000080}@keyframes badgePop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.badge-animate{animation:badgePop .3s cubic-bezier(.16,1,.3,1)}@keyframes shimmerHighlight{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-highlight{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:200% 100%;animation:shimmerHighlight 2s ease infinite}body.dark-mode .shimmer-highlight{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stat-card{background:var(--card);border-radius:12px;padding:20px;border:1px solid var(--border);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}body.dark-mode .stat-card:hover{box-shadow:0 8px 16px #0000004d}.stat-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.stat-card-label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);font-weight:500}.stat-card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;flex-shrink:0}.stat-card-change.up{background:#10b9811a;color:#10b981}.stat-card-change.down{background:#ef44441a;color:#ef4444}body.dark-mode .stat-card-change.up{background:#10b98133;color:#34d399}body.dark-mode .stat-card-change.down{background:#ef444433;color:#f87171}.stat-card-body{display:flex;flex-direction:column;gap:4px}.stat-card-value{font-size:28px;font-weight:700;color:var(--text);line-height:1}.stat-card-subtitle{font-size:12px;color:var(--muted)}.stat-card-sparkline{margin-top:auto;height:40px;opacity:.8}.sparkline-svg{display:block}@media(max-width:768px){.stat-card{padding:16px}.stat-card-value{font-size:24px}.stat-card-icon{width:32px;height:32px}}.glass-card{background:#ffffffb3;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-mode .glass-card{background:#161b22b3;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.glass-card:hover{background:#fffc;border-color:#ffffff80;box-shadow:0 12px 48px #1f268733;transform:translateY(-2px)}body.dark-mode .glass-card:hover{background:#161b22cc;border-color:#ffffff26;box-shadow:0 12px 48px #00000080}.glass-card-strong{background:#ffffffd9;backdrop-filter:blur(15px) saturate(200%);-webkit-backdrop-filter:blur(15px) saturate(200%)}body.dark-mode .glass-card-strong{background:#161b22d9}.glass-card-subtle{background:#ffffff80;backdrop-filter:blur(5px) saturate(150%);-webkit-backdrop-filter:blur(5px) saturate(150%)}body.dark-mode .glass-card-subtle{background:#161b2280}.glass-panel{background:#ffffffbf;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-right:1px solid rgba(255,255,255,.2);box-shadow:2px 0 24px #1f26871a}body.dark-mode .glass-panel{background:#0d1117bf;border-right-color:#ffffff1a;box-shadow:2px 0 24px #0000004d}.glass-button{background:#fff9;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255,255,255,.3);color:var(--text);transition:all .2s cubic-bezier(.4,0,.2,1)}body.dark-mode .glass-button{background:#ffffff1a;border-color:#ffffff26}.glass-button:hover{background:#fffc;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 12px #1f268733}body.dark-mode .glass-button:hover{background:#ffffff26;border-color:#ffffff40;box-shadow:0 4px 12px #0006}.glass-input{background:#fff9;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255,255,255,.3);transition:all .2s cubic-bezier(.4,0,.2,1)}body.dark-mode .glass-input{background:#ffffff0d;border-color:#ffffff1a}.glass-input:focus{background:#fffc;border-color:var(--accent);box-shadow:0 0 0 3px #1177ee1a}body.dark-mode .glass-input:focus{background:#ffffff1a;box-shadow:0 0 0 3px #58a6ff33}.glass-overlay{backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);background:#0006}body.dark-mode .glass-overlay{background:#0009}.glass-metric{background:linear-gradient(135deg,#ffffffb3,#ffffff80);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:20px;position:relative;overflow:hidden}body.dark-mode .glass-metric{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-color:#ffffff1a}.glass-metric:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:float 8s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}.glass-gradient-border{position:relative;background:#ffffffb3;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-radius:12px;padding:1px;overflow:hidden}body.dark-mode .glass-gradient-border{background:#161b22b3}.glass-gradient-border:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass-gradient-border-content{position:relative;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:11px;padding:20px}body.dark-mode .glass-gradient-border-content{background:#161b22e6}.glass-topbar{background:#fffc;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 2px 24px #1f268714}body.dark-mode .glass-topbar{background:#0d1117cc;border-bottom-color:#ffffff1a;box-shadow:0 2px 24px #0003}.glass-sidebar{background:#ffffffbf;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-right:1px solid rgba(255,255,255,.2);box-shadow:2px 0 24px #1f26871a}body.dark-mode .glass-sidebar{background:#0d1117bf;border-right-color:#ffffff1a;box-shadow:2px 0 24px #0000004d}.glass-command-palette{background:#ffffffd9;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(255,255,255,.3);box-shadow:0 25px 50px #1f26874d}body.dark-mode .glass-command-palette{background:#161b22e6;border-color:#ffffff26;box-shadow:0 25px 50px #000000b3}.frosted-glass{background:#fff9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.4)}body.dark-mode .frosted-glass{background:#161b2299;border-color:#ffffff26}.apply-glass{backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%)}@supports not (backdrop-filter: blur(10px)){.glass-card,.glass-panel,.glass-button,.glass-input,.glass-metric,.glass-topbar,.glass-sidebar,.glass-command-palette,.frosted-glass{background:var(--card);border-color:var(--border)}}@media(max-width:768px){.glass-card,.glass-panel,.glass-button,.glass-input,.glass-metric,.glass-topbar,.glass-sidebar,.glass-command-palette,.frosted-glass{backdrop-filter:blur(5px) saturate(150%);-webkit-backdrop-filter:blur(5px) saturate(150%)}}.modern-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;background:var(--card);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}body.dark-mode .modern-table{box-shadow:0 2px 8px #0000004d}.table-container{width:100%;overflow-x:auto;overflow-y:auto;max-height:600px;border-radius:12px;background:var(--card);border:1px solid var(--border);position:relative}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:var(--bg);border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--muted)}.modern-table thead{position:sticky;top:0;z-index:10;background:var(--bg)}.modern-table th{padding:14px 16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:2px solid var(--border);background:var(--bg);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .15s ease}.modern-table th:hover{color:var(--text);background:var(--hover, rgba(0, 0, 0, .02))}body.dark-mode .modern-table th:hover{background:var(--hover)}.modern-table th.sortable{position:relative;padding-right:30px}.modern-table th.sortable:after{content:"⇅";position:absolute;right:12px;opacity:.3;font-size:12px;transition:opacity .15s ease}.modern-table th.sortable:hover:after{opacity:.7}.modern-table th.sorted-asc:after{content:"↑";opacity:1;color:var(--accent)}.modern-table th.sorted-desc:after{content:"↓";opacity:1;color:var(--accent)}.modern-table tbody tr{transition:all .15s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--border);cursor:pointer}.modern-table tbody tr:last-child{border-bottom:none}.modern-table tbody tr:hover{background:var(--hover, rgba(0, 0, 0, .02));transform:scale(1.01);box-shadow:0 2px 8px #0000000d;z-index:1}body.dark-mode .modern-table tbody tr:hover{background:var(--hover);box-shadow:0 2px 8px #0000004d}.modern-table tbody tr.no-hover,.modern-table tbody tr.no-hover:hover{background:transparent!important;transform:none!important;box-shadow:none!important;cursor:default}.modern-table tbody tr.selected{background:#1177ee1a;border-color:var(--accent)}body.dark-mode .modern-table tbody tr.selected{background:#58a6ff26}.modern-table td{padding:16px;vertical-align:middle;color:var(--text);border-bottom:inherit}.modern-table .text-left{text-align:left}.modern-table .text-center{text-align:center}.modern-table .text-right{text-align:right}.table-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.table-badge.success{background:#10b9811a;color:#10b981}.table-badge.danger{background:#ef44441a;color:#ef4444}.table-badge.warning{background:#f59e0b1a;color:#f59e0b}.table-badge.info{background:#3b82f61a;color:#3b82f6}body.dark-mode .table-badge.success{background:#10b98133;color:#34d399}body.dark-mode .table-badge.danger{background:#ef444433;color:#f87171}body.dark-mode .table-badge.warning{background:#f59e0b33;color:#fbbf24}body.dark-mode .table-badge.info{background:#3b82f633;color:#60a5fa}.table-checkbox{width:18px;height:18px;border-radius:4px;border:2px solid var(--border);cursor:pointer;transition:all .15s ease;accent-color:var(--accent)}.table-checkbox:checked{background:var(--accent);border-color:var(--accent)}.table-row-actions{opacity:0;transition:opacity .15s ease;display:flex;gap:8px;align-items:center}.modern-table tbody tr:hover .table-row-actions{opacity:1}.table-action-btn{width:36px;height:36px;min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);border-radius:var(--radius-md, 8px);border:1px solid var(--border);background:var(--card);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast, .15s ease);padding:0}@media(min-width:768px){.table-action-btn{min-width:36px;min-height:36px}}.table-action-btn:hover{background:var(--hover);border-color:var(--accent);color:var(--accent);transform:scale(1.1)}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:16px;border-top:1px solid var(--border);background:var(--bg);font-size:13px;color:var(--muted)}.table-footer-info{display:flex;align-items:center;gap:12px}.table-pagination{display:flex;align-items:center;gap:8px}.table-pagination button{width:32px;height:32px;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0;font-size:14px}.table-pagination button:hover:not(:disabled){background:var(--hover);border-color:var(--accent)}.table-pagination button:disabled{opacity:.5;cursor:not-allowed}.table-pagination button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.table-row-expandable{cursor:pointer}.table-row-expanded{background:var(--bg)!important}.table-row-detail{padding:20px;background:var(--bg);border-top:1px solid var(--border);animation:fadeInDown .2s ease}.modern-table.compact th{padding:10px 12px;font-size:11px}.modern-table.compact td{padding:12px;font-size:13px}.modern-table.striped tbody tr:nth-child(2n){background:#00000005}body.dark-mode .modern-table.striped tbody tr:nth-child(2n){background:#ffffff05}.modern-table.bordered th,.modern-table.bordered td{border:1px solid var(--border)}.table-loading{position:relative;pointer-events:none}.table-loading:after{content:"";position:absolute;inset:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10}body.dark-mode .table-loading:after{background:#0009}.table-empty{padding:60px 20px;text-align:center;color:var(--muted)}.table-empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}.table-empty-message{font-size:16px;font-weight:500;margin-bottom:8px;color:var(--text)}.table-empty-description{font-size:14px;color:var(--muted)}@media(max-width:768px){.table-container{border-radius:8px}.modern-table{font-size:13px}.modern-table th{padding:12px;font-size:11px}.modern-table td{padding:12px}.table-footer{flex-direction:column;gap:12px;align-items:flex-start}.table-pagination{width:100%;justify-content:space-between}.modern-table .hide-mobile{display:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px;animation:fadeInUp .4s ease}.empty-state-sm{padding:40px 20px}.empty-state-md{padding:60px 40px}.empty-state-lg{padding:80px 60px}.empty-state-icon-wrapper{width:120px;height:120px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;animation:float 3s ease-in-out infinite}.empty-state-sm .empty-state-icon-wrapper{width:80px;height:80px;margin-bottom:16px}.empty-state-lg .empty-state-icon-wrapper{width:140px;height:140px;margin-bottom:32px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-icon{color:var(--muted);opacity:.5;transition:all .3s ease}.empty-state:hover .empty-state-icon{opacity:.7;transform:scale(1.05)}.empty-state-default .empty-state-icon-wrapper{background:linear-gradient(135deg,#1177ee0d,#1177ee1a)}.empty-state-default .empty-state-icon{color:var(--accent)}.empty-state-search .empty-state-icon-wrapper{background:linear-gradient(135deg,#3b82f60d,#3b82f61a)}.empty-state-search .empty-state-icon{color:#3b82f6}.empty-state-error .empty-state-icon-wrapper{background:linear-gradient(135deg,#ef44440d,#ef44441a)}.empty-state-error .empty-state-icon{color:#ef4444}.empty-state-success .empty-state-icon-wrapper{background:linear-gradient(135deg,#10b9810d,#10b9811a)}.empty-state-success .empty-state-icon{color:#10b981}body.dark-mode .empty-state-default .empty-state-icon-wrapper{background:linear-gradient(135deg,#58a6ff1a,#58a6ff26)}body.dark-mode .empty-state-default .empty-state-icon{color:#58a6ff}body.dark-mode .empty-state-search .empty-state-icon-wrapper{background:linear-gradient(135deg,#60a5fa1a,#60a5fa26)}body.dark-mode .empty-state-search .empty-state-icon{color:#60a5fa}body.dark-mode .empty-state-error .empty-state-icon-wrapper{background:linear-gradient(135deg,#f871711a,#f8717126)}body.dark-mode .empty-state-error .empty-state-icon{color:#f87171}body.dark-mode .empty-state-success .empty-state-icon-wrapper{background:linear-gradient(135deg,#34d3991a,#34d39926)}body.dark-mode .empty-state-success .empty-state-icon{color:#34d399}.empty-state-title{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--text)}.empty-state-sm .empty-state-title{font-size:16px}.empty-state-lg .empty-state-title{font-size:24px}.empty-state-description{font-size:14px;color:var(--muted);max-width:400px;margin:0 auto 24px;line-height:1.6}.empty-state-sm .empty-state-description{font-size:13px;margin-bottom:16px}.empty-state-lg .empty-state-description{font-size:16px;max-width:500px;margin-bottom:32px}.empty-state-action{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #17e3}.empty-state-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1177ee4d}.empty-state-action:active{transform:translateY(0)}.empty-state-sm .empty-state-action{padding:8px 16px;font-size:13px}.empty-state-lg .empty-state-action{padding:12px 24px;font-size:15px}.empty-state-inline{flex-direction:row;text-align:left;padding:24px;gap:20px}.empty-state-inline .empty-state-icon-wrapper{width:60px;height:60px;margin-bottom:0;flex-shrink:0}.empty-state-inline .empty-state-content{flex:1;text-align:left}.empty-state-inline .empty-state-title{font-size:16px;margin-bottom:4px}.empty-state-inline .empty-state-description{font-size:13px;margin:0 0 12px}.empty-state-illustrated{position:relative;overflow:hidden}.empty-state-illustrated:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(17,119,238,.05) 0%,transparent 70%);pointer-events:none;z-index:0}body.dark-mode .empty-state-illustrated:before{background:radial-gradient(circle,rgba(88,166,255,.1) 0%,transparent 70%)}.empty-state-illustrated>*{position:relative;z-index:1}.empty-state-loading .empty-state-icon-wrapper{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.empty-state-loading .empty-state-title,.empty-state-loading .empty-state-description{background:linear-gradient(90deg,var(--bg) 0%,var(--border) 50%,var(--bg) 100%);background-size:200% 100%;animation:shimmer 2s infinite;color:transparent;border-radius:4px}@media(max-width:768px){.empty-state{padding:40px 20px}.empty-state-lg{padding:60px 40px}.empty-state-icon-wrapper{width:100px;height:100px}.empty-state-title{font-size:18px}.empty-state-description{font-size:13px;max-width:300px}.empty-state-inline{flex-direction:column;text-align:center}.empty-state-inline .empty-state-content{text-align:center}.empty-state-inline .empty-state-description{margin:0 auto 12px}}[data-tooltip]{position:relative;cursor:help}[data-tooltip]:before,[data-tooltip]:after{position:absolute;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10000}[data-tooltip]:before{content:attr(data-tooltip);background:#000000e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;line-height:1.4;white-space:nowrap;max-width:250px;box-shadow:0 4px 12px #0000004d;font-weight:500}body.dark-mode [data-tooltip]:before{background:#fffffff2;color:#1a1a1a;box-shadow:0 4px 12px #00000080}[data-tooltip]:after{content:"";border:5px solid transparent}[data-tooltip]:not([data-tooltip-position]):before,[data-tooltip][data-tooltip-position=top]:before{bottom:100%;left:50%;transform:translate(-50%) translateY(-8px) scale(.9);margin-bottom:8px}[data-tooltip]:not([data-tooltip-position]):after,[data-tooltip][data-tooltip-position=top]:after{bottom:100%;left:50%;transform:translate(-50%) translateY(-3px);border-top-color:#000000e6;margin-bottom:3px}body.dark-mode [data-tooltip]:not([data-tooltip-position]):after,body.dark-mode [data-tooltip][data-tooltip-position=top]:after{border-top-color:#fffffff2}[data-tooltip][data-tooltip-position=bottom]:before{top:100%;left:50%;transform:translate(-50%) translateY(8px) scale(.9);margin-top:8px}[data-tooltip][data-tooltip-position=bottom]:after{top:100%;left:50%;transform:translate(-50%) translateY(3px);border-bottom-color:#000000e6;margin-top:3px}body.dark-mode [data-tooltip][data-tooltip-position=bottom]:after{border-bottom-color:#fffffff2}[data-tooltip][data-tooltip-position=left]:before{right:100%;top:50%;transform:translateY(-50%) translate(-8px) scale(.9);margin-right:8px}[data-tooltip][data-tooltip-position=left]:after{right:100%;top:50%;transform:translateY(-50%) translate(-3px);border-left-color:#000000e6;margin-right:3px}body.dark-mode [data-tooltip][data-tooltip-position=left]:after{border-left-color:#fffffff2}[data-tooltip][data-tooltip-position=right]:before{left:100%;top:50%;transform:translateY(-50%) translate(8px) scale(.9);margin-left:8px}[data-tooltip][data-tooltip-position=right]:after{left:100%;top:50%;transform:translateY(-50%) translate(3px);border-right-color:#000000e6;margin-left:3px}body.dark-mode [data-tooltip][data-tooltip-position=right]:after{border-right-color:#fffffff2}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1}[data-tooltip]:hover:before{transform:translate(-50%) translateY(0) scale(1)}[data-tooltip][data-tooltip-position=bottom]:hover:before{transform:translate(-50%) translateY(0) scale(1)}[data-tooltip][data-tooltip-position=left]:hover:before{transform:translateY(-50%) translate(0) scale(1)}[data-tooltip][data-tooltip-position=right]:hover:before{transform:translateY(-50%) translate(0) scale(1)}[data-tooltip][data-tooltip-variant=error]:before{background:#ef4444f2}[data-tooltip][data-tooltip-variant=error]:after{border-top-color:#ef4444f2}[data-tooltip][data-tooltip-variant=success]:before{background:#10b981f2}[data-tooltip][data-tooltip-variant=success]:after{border-top-color:#10b981f2}[data-tooltip][data-tooltip-variant=warning]:before{background:#f59e0bf2}[data-tooltip][data-tooltip-variant=warning]:after{border-top-color:#f59e0bf2}[data-tooltip][data-tooltip-variant=info]:before{background:#3b82f6f2}[data-tooltip][data-tooltip-variant=info]:after{border-top-color:#3b82f6f2}[data-tooltip][data-tooltip-multiline=true]:before{white-space:normal;max-width:300px;text-align:left}[data-tooltip][data-tooltip-delay=true]:before,[data-tooltip][data-tooltip-delay=true]:after{transition-delay:.5s}[data-tooltip][data-tooltip-size=lg]:before{padding:12px 16px;font-size:13px;max-width:350px}[data-tooltip][data-tooltip-size=sm]:before{padding:6px 10px;font-size:11px;max-width:200px}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip-trigger{cursor:help;display:inline-flex;align-items:center;outline:none;border-radius:2px}.tooltip-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tooltip-content{position:absolute;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10000;background:#000000e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;line-height:1.4;box-shadow:0 4px 12px #0000004d;font-weight:500;max-width:250px;word-wrap:break-word}body.dark-mode .tooltip-content{background:#fffffff2;color:#1a1a1a;box-shadow:0 4px 12px #00000080}.tooltip-content.visible{opacity:1;pointer-events:auto}.tooltip-arrow{position:absolute;width:10px;height:10px;background:#000000e6;transform:rotate(45deg)}body.dark-mode .tooltip-arrow{background:#fffffff2}.tooltip-top{bottom:100%;left:50%;transform:translate(-50%) translateY(-8px) scale(.9);margin-bottom:8px}.tooltip-top.visible{transform:translate(-50%) translateY(0) scale(1)}.tooltip-bottom{top:100%;left:50%;transform:translate(-50%) translateY(8px) scale(.9);margin-top:8px}.tooltip-bottom.visible{transform:translate(-50%) translateY(0) scale(1)}.tooltip-left{right:100%;top:50%;transform:translateY(-50%) translate(-8px) scale(.9);margin-right:8px}.tooltip-left.visible{transform:translateY(-50%) translate(0) scale(1)}.tooltip-right{left:100%;top:50%;transform:translateY(-50%) translate(8px) scale(.9);margin-left:8px}.tooltip-right.visible{transform:translateY(-50%) translate(0) scale(1)}.info-tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--muted);color:#fff;font-size:11px;font-weight:600;cursor:help;margin-left:6px;flex-shrink:0}.info-tooltip:hover{background:var(--accent)}.help-text{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px;margin-top:4px}@media(max-width:768px){[data-tooltip]:before,.tooltip-content{font-size:11px;padding:6px 10px;max-width:200px}[data-tooltip][data-tooltip-position=bottom]:before,[data-tooltip][data-tooltip-position=left]:before,[data-tooltip][data-tooltip-position=right]:before{inset:auto auto 100% 50%;transform:translate(-50%) translateY(-8px) scale(.9);margin:0 0 8px}[data-tooltip]:hover:before{transform:translate(-50%) translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){[data-tooltip]:before,[data-tooltip]:after,.tooltip-content{transition:opacity .01ms,transform .01ms}}.error-boundary-container{min-height:400px;display:flex;align-items:center;justify-content:center;padding:40px 20px}.error-boundary-content{max-width:600px;width:100%;background:#fef2f2;border:2px solid #fecaca;border-radius:16px;padding:40px;text-align:center;box-shadow:0 4px 12px #ef44441a}body.dark-mode .error-boundary-content{background:#7f1d1d;border-color:#991b1b;color:#fecaca}.error-boundary-icon{color:#ef4444;margin-bottom:24px;display:inline-block;animation:pulse 2s ease-in-out infinite}body.dark-mode .error-boundary-icon{color:#fca5a5}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.error-boundary-title{font-size:24px;font-weight:700;color:#991b1b;margin-bottom:12px}body.dark-mode .error-boundary-title{color:#fecaca}.error-boundary-message{font-size:16px;color:#7f1d1d;margin-bottom:24px;line-height:1.5}body.dark-mode .error-boundary-message{color:#fca5a5}.error-boundary-retry-info{background:#fff;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:20px}body.dark-mode .error-boundary-retry-info{background:#991b1b;border-color:#b91c1c}.error-boundary-retry-info p{margin:0;font-size:14px;font-weight:600;color:#dc2626}body.dark-mode .error-boundary-retry-info p{color:#fca5a5}.error-boundary-progress{margin-top:12px;height:6px;background:#fee2e2;border-radius:3px;overflow:hidden}body.dark-mode .error-boundary-progress{background:#7f1d1d}.error-boundary-progress-bar{height:100%;background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:3px;animation:progressAnimation 1.5s ease-in-out infinite}@keyframes progressAnimation{0%{width:0%}50%{width:100%}to{width:0%}}.error-boundary-details{text-align:left;background:#fff;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:24px}body.dark-mode .error-boundary-details{background:#991b1b;border-color:#b91c1c}.error-boundary-details-summary{cursor:pointer;font-weight:600;font-size:14px;color:#dc2626;margin-bottom:12px;-webkit-user-select:none;user-select:none}body.dark-mode .error-boundary-details-summary{color:#fca5a5}.error-boundary-details-summary:hover{color:#991b1b}body.dark-mode .error-boundary-details-summary:hover{color:#fecaca}.error-boundary-details-pre{white-space:pre-wrap;word-break:break-word;max-height:300px;overflow:auto;font-size:12px;font-family:Courier New,monospace;color:#7f1d1d;margin:12px 0 0;padding:12px;background:#fef2f2;border-radius:6px}body.dark-mode .error-boundary-details-pre{color:#fca5a5;background:#7f1d1d}.error-boundary-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.error-boundary-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.error-boundary-btn:disabled{opacity:.5;cursor:not-allowed}.error-boundary-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.error-boundary-btn-primary{background:#ef4444;color:#fff}.error-boundary-btn-primary:not(:disabled):hover{background:#dc2626}.error-boundary-btn-secondary{background:#6b7280;color:#fff}.error-boundary-btn-secondary:hover{background:#4b5563}@media(max-width:768px){.error-boundary-content{padding:24px}.error-boundary-title{font-size:20px}.error-boundary-message{font-size:14px}.error-boundary-actions{flex-direction:column}.error-boundary-btn{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.error-boundary-icon,.error-boundary-progress-bar{animation:none}}.skeleton{display:block;background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-shimmer) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;margin-bottom:8px}.skeleton-circle{border-radius:50%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:root{--skeleton-base: #e5e7eb;--skeleton-shimmer: #f3f4f6}body.dark-mode{--skeleton-base: #1f2937;--skeleton-shimmer: #374151}.skeleton-metrics-card{background:var(--card);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px #141e320f;border:1px solid rgba(20,30,50,.05)}body.dark-mode .skeleton-metrics-card{border-color:var(--border);box-shadow:0 2px 8px #0000004d}.skeleton-table{width:100%}.skeleton-table-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;padding:12px 8px;background:#eef6ff;border-radius:8px 8px 0 0;margin-bottom:8px}body.dark-mode .skeleton-table-header{background:#21262d}.skeleton-table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;padding:12px 8px;border-bottom:1px solid var(--border)}.skeleton-table-row:last-child{border-bottom:none}.skeleton-chart{display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:var(--bg);border-radius:8px;margin-top:16px}.skeleton-chart-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:8px;height:100%;margin-bottom:12px}.skeleton-chart-bar{flex:1;background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-shimmer) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px 4px 0 0;min-height:40%}.skeleton-chart-axis{width:100%}.skeleton-ath-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.skeleton-ath-content{margin-top:16px}.skeleton-risk-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.skeleton-risk-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg);border-radius:8px}@media(max-width:768px){.skeleton-table-header,.skeleton-table-row{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;padding:8px 4px}.skeleton-risk-metrics{grid-template-columns:1fr}.skeleton-chart{padding:12px}.skeleton-chart-bars{gap:4px}}@media(prefers-reduced-motion:reduce){.skeleton,.skeleton-chart-bar{animation:none;background:var(--skeleton-base)}}.skeleton-loading-text{text-align:center;color:var(--muted);font-size:14px;padding:20px}.toast{position:fixed;right:20px;background:var(--card-bg);color:var(--text);padding:0;border-radius:10px;border:1px solid var(--border);box-shadow:0 4px 6px -1px #0000001a,0 10px 30px -5px #0003,0 0 0 1px #ffffff0d inset;display:flex;flex-direction:column;z-index:10000;min-width:260px;max-width:380px;height:auto!important;max-height:150px;font-size:12px;opacity:0;transform:translate(120%);transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1),top .3s ease;pointer-events:auto;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.toast-content-wrapper{display:flex;align-items:center;gap:10px;padding:6px 12px;position:relative;flex-shrink:0;min-height:0}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#8080801a}.toast-icon svg{width:14px;height:14px}.toast-message{flex:1;line-height:1.4;word-break:break-word;font-weight:500;font-size:12px;color:var(--text)}.toast-action-button{flex-shrink:0;padding:6px 12px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--primary);color:#fff}.toast-action-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.toast-action-button:active{transform:translateY(0)}.toast-close-button{flex-shrink:0;padding:6px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;color:var(--muted);opacity:.7}.toast-close-button svg{width:16px;height:16px}.toast-close-button:hover{background:#80808026;opacity:1;color:var(--text)}.toast-progress-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:#80808026;overflow:hidden;border-radius:0 0 10px 10px}.toast-progress-fill{height:100%;border-radius:0 0 0 3px}.toast-success{border-color:#10b9814d}.toast-success .toast-icon{background:#10b98126;color:#10b981}.toast-success .toast-progress-fill{background:linear-gradient(90deg,#10b981,#34d399)}.toast-success .toast-action-button{background:#10b981}.toast-error{border-color:#ef44444d}.toast-error .toast-icon{background:#ef444426;color:#ef4444}.toast-error .toast-progress-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.toast-error .toast-action-button{background:#ef4444}.toast-warning{border-color:#f59e0b4d}.toast-warning .toast-icon{background:#f59e0b26;color:#f59e0b}.toast-warning .toast-progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.toast-warning .toast-action-button{background:#f59e0b}.toast-info{border-color:#3b82f64d}.toast-info .toast-icon{background:#3b82f626;color:#3b82f6}.toast-info .toast-progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.toast-info .toast-action-button{background:#3b82f6}.toast:hover{transform:translate(-4px);box-shadow:0 8px 12px -2px #00000026,0 16px 40px -8px #00000040,0 0 0 1px #ffffff14 inset}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.toast-progress-fill{animation:none}.toast-warning .toast-icon,.toast-error .toast-icon{animation:pulse 2s ease-in-out infinite}@media(max-width:768px){.toast{min-width:calc(100% - 40px);max-width:calc(100% - 40px);right:20px;left:20px;border-radius:10px}.toast-content-wrapper{padding:5px 10px;gap:8px}.toast-icon{width:24px;height:24px;border-radius:6px}.toast-icon svg{width:12px;height:12px}.toast-message{font-size:12px}.toast-action-button{padding:4px 8px;font-size:11px}.toast-close-button{padding:3px}.toast-close-button svg{width:12px;height:12px}}@media(prefers-reduced-motion:reduce){.toast{transition:opacity .1s ease}.toast:hover{transform:translate(0)}.toast-progress-fill{transition:none}.toast-warning .toast-icon,.toast-error .toast-icon{animation:none}}.modal-overlay-enhanced{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease-out}@supports not (backdrop-filter: blur(8px)){.modal-overlay-enhanced{background:#000000bf}}.modal-content-enhanced{background:var(--card);border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-height:90vh;display:flex;flex-direction:column;position:relative;animation:modalSlideIn .3s ease-out;border:1px solid var(--border)}body.dark-mode .modal-content-enhanced{box-shadow:0 20px 60px #0009}.modal-sm{max-width:400px}.modal-md{max-width:500px}.modal-lg{max-width:700px}.modal-xl{max-width:900px}.modal-full{max-width:95%;max-height:95vh}.modal-header-enhanced{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-title-enhanced{font-size:20px;font-weight:700;color:var(--text);margin:0;flex:1}.modal-close-btn{flex-shrink:0;width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-base, .2s ease);margin-left:var(--space-4, 16px)}.modal-close-btn:hover{background:var(--hover, rgba(0, 0, 0, .05));color:var(--text)}body.dark-mode .modal-close-btn:hover{background:#ffffff1a}.modal-body-enhanced{padding:28px;overflow-y:auto;flex:1;color:var(--text)}.modal-body-enhanced::-webkit-scrollbar{width:8px}.modal-body-enhanced::-webkit-scrollbar-track{background:var(--bg);border-radius:4px}.modal-body-enhanced::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.modal-body-enhanced::-webkit-scrollbar-thumb:hover{background:var(--muted)}.modal-footer-enhanced{padding:20px 28px;border-top:1px solid var(--border);flex-shrink:0;background:var(--bg);border-radius:0 0 16px 16px}.modal-footer-buttons{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.btn-primary{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-danger{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-20px)}}.modal-overlay-enhanced.closing{animation:fadeOut .2s ease-out forwards}.modal-content-enhanced.closing{animation:modalSlideOut .2s ease-out forwards}@media(max-width:768px){.modal-overlay-enhanced{padding:12px}.modal-content-enhanced{max-height:95vh;border-radius:12px}.modal-sm,.modal-md,.modal-lg,.modal-xl{max-width:100%}.modal-header-enhanced{padding:20px}.modal-title-enhanced{font-size:18px}.modal-body-enhanced{padding:20px}.modal-footer-enhanced{padding:16px 20px}.modal-footer-buttons{flex-direction:column}.modal-footer-buttons button{width:100%}}@media(prefers-reduced-motion:reduce){.modal-overlay-enhanced,.modal-content-enhanced{animation:none}.modal-close-btn,.btn-primary,.btn-danger{transition:none}}.modal-content-enhanced:focus{outline:none}.modal-close-btn:focus-visible,.btn-primary:focus-visible,.btn-danger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.keyboard-shortcuts-modal{color:var(--text)}.keyboard-shortcuts-intro{margin-bottom:28px;color:var(--muted);font-size:15px;line-height:1.6}.keyboard-shortcuts-category{margin-bottom:32px}.keyboard-shortcuts-category:last-of-type{margin-bottom:24px}.keyboard-shortcuts-category-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border);position:relative;padding-left:12px}.keyboard-shortcuts-category-title:before{content:"";position:absolute;left:0;top:0;bottom:8px;width:4px;background:var(--primary, var(--accent));border-radius:2px}.keyboard-shortcuts-list{display:flex;flex-direction:column;gap:12px}.keyboard-shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg);border-radius:8px;border:1px solid var(--border);transition:all .2s ease}.keyboard-shortcut-item:hover{background:var(--hover, rgba(0, 0, 0, .02));border-color:var(--accent);transform:translate(4px)}body.dark-mode .keyboard-shortcut-item:hover{background:#ffffff0d}.keyboard-shortcut-description{font-size:14px;color:var(--text);font-weight:500}.keyboard-shortcut-keys{display:flex;align-items:center;gap:4px;flex-shrink:0}.kbd{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;min-width:32px;font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-size:12px;font-weight:600;line-height:1;color:var(--text);background:linear-gradient(180deg,#fff,#f3f4f6);border:1px solid #d1d5db;border-bottom-width:2px;border-radius:6px;box-shadow:0 1px 2px #0000000d;text-transform:uppercase;letter-spacing:.5px}.kbd-small{padding:2px 6px;min-width:24px;font-size:11px}.kbd:is([data-key=Ctrl],[data-key=Shift],[data-key=Alt],[data-key=Cmd]){background:linear-gradient(180deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e40af}body.dark-mode .kbd:is([data-key=Ctrl],[data-key=Shift],[data-key=Alt],[data-key=Cmd]){background:linear-gradient(180deg,#1e3a8a,#1e40af);border-color:#3b82f6;color:#dbeafe}.kbd-separator{margin:0 2px;color:var(--muted);font-weight:600;font-size:12px}.shortcut-hint{display:inline-flex;align-items:center;gap:2px;margin-left:8px;opacity:.7}.keyboard-shortcuts-footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.keyboard-shortcuts-footer p{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);line-height:1.6;flex-wrap:wrap}.keyboard-shortcuts-footer .kbd{margin:0 2px}.keyboard-shortcuts-btn{position:fixed;bottom:80px;right:20px;width:50px;height:50px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:20px;cursor:pointer;box-shadow:0 4px 12px #0003;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.keyboard-shortcuts-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #0000004d}@media(max-width:768px){.keyboard-shortcut-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.keyboard-shortcut-keys{align-self:flex-end}.keyboard-shortcuts-btn{bottom:70px;right:16px;width:44px;height:44px;font-size:18px}.keyboard-shortcuts-footer p{font-size:13px}}@media print{.keyboard-shortcuts-modal{background:#fff;color:#000}.keyboard-shortcut-item{break-inside:avoid;page-break-inside:avoid}.keyboard-shortcuts-btn{display:none}}@media(prefers-contrast:high){.kbd{border-width:2px;font-weight:700}.keyboard-shortcut-item{border-width:2px}}@media(prefers-reduced-motion:reduce){.keyboard-shortcut-item{transition:none}.keyboard-shortcut-item:hover{transform:none}.keyboard-shortcuts-btn{transition:none}.keyboard-shortcuts-btn:hover{transform:none}}.seedvault-page{width:100%;max-width:1280px;margin:0 auto;padding:24px 16px}.seedvault-header{position:relative;width:100%;min-height:250px;margin-bottom:32px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);padding:32px;box-shadow:0 10px 40px #667eea4d}body.dark-mode .seedvault-header{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 10px 40px #00000080}.seedvault-header-content{position:relative;z-index:2}.seedvault-title-row{display:flex;align-items:center;gap:16px;margin-bottom:24px}.seedvault-icon{width:64px;height:64px;border-radius:16px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000001a}.seedvault-title{font-size:32px;font-weight:700;color:#fff;margin:0}.seedvault-subtitle{color:#ffffffe6;font-size:15px;margin:0}.seedvault-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:24px}.feature-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:12px}.feature-icon{width:40px;height:40px;border-radius:10px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-text h3{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.feature-text p{color:#fffc;font-size:12px;margin:0}.security-notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:16px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px}body.dark-mode .security-notice{background:#3b82f61a;border-color:#3b82f64d}.security-notice-icon{width:40px;height:40px;border-radius:10px;background:#dbeafe;display:flex;align-items:center;justify-content:center;flex-shrink:0}body.dark-mode .security-notice-icon{background:#3b82f633}.security-notice-content h3{margin:0 0 4px;color:#1e3a8a;font-size:14px;font-weight:600}body.dark-mode .security-notice-content h3{color:#93c5fd}.security-notice-content p{margin:0;color:#1e40af;font-size:13px;line-height:1.5}body.dark-mode .security-notice-content p{color:#bfdbfe}.user-guide{background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 8px #0000000d}body.dark-mode .user-guide{background:var(--card);box-shadow:0 2px 8px #0000004d}.user-guide-toggle{width:100%;padding:20px;border:none;background:transparent;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s}.user-guide-toggle:hover{background:#f9fafb}body.dark-mode .user-guide-toggle:hover{background:#ffffff0d}.user-guide-toggle-left{display:flex;align-items:center;gap:16px}.user-guide-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d}.user-guide-text h3{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--text)}.user-guide-text p{margin:0;font-size:13px;color:var(--muted)}.user-guide-chevron{transition:transform .2s;color:var(--muted)}.user-guide-chevron.open{transform:rotate(180deg)}.user-guide-content{border-top:1px solid var(--border);padding:24px;background:#f9fafb;max-height:0;overflow:hidden;transition:max-height .3s ease}body.dark-mode .user-guide-content{background:#0003}.user-guide-content.open{max-height:5000px}.tabs-container{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}body.dark-mode .tabs-container{background:var(--card);box-shadow:0 2px 8px #0000004d}.tabs-nav{display:flex;border-bottom:1px solid var(--border)}.tab-button{flex:1;padding:16px 24px;border:none;background:transparent;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .2s;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.tab-button:hover{background:#f9fafb}body.dark-mode .tab-button:hover{background:#ffffff0d}.tab-button.active{color:var(--text);background:var(--bg)}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.tab-content{padding:24px}.workflow-info{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:12px;padding:20px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 4px 12px #fbbf2433}body.dark-mode .workflow-info{background:#d977061a;border-color:#d9770680}.workflow-info-icon{width:40px;height:40px;border-radius:50%;background:#f59e0b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}body.dark-mode .workflow-info-icon{background:#d97706}.workflow-info-content h3{margin:0 0 8px;font-size:15px;font-weight:700;color:#78350f}body.dark-mode .workflow-info-content h3{color:#fde68a}.workflow-info-content p{margin:0;font-size:13px;color:#92400e;line-height:1.5}body.dark-mode .workflow-info-content p{color:#fef3c7}.form-label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--text)}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font-size:14px;transition:all .2s;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-textarea{resize:vertical;min-height:120px;font-family:Courier New,monospace}.input-wrapper{position:relative;margin-bottom:16px}.input-icon-button{position:absolute;top:12px;right:12px;background:transparent;border:none;padding:8px;cursor:pointer;color:var(--muted);border-radius:6px;transition:all .2s}.input-icon-button:hover{background:var(--bg);color:var(--text)}.btn-primary{width:100%;padding:14px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #667eea4d;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{width:100%;padding:14px 24px;border:2px solid #667eea;border-radius:10px;background:transparent;color:#667eea;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:#667eea1a;transform:translateY(-2px)}body.dark-mode .btn-secondary{color:#93c5fd;border-color:#93c5fd}body.dark-mode .btn-secondary:hover{background:#93c5fd1a}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}.success-card{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;border-radius:12px;padding:24px;margin-bottom:24px}body.dark-mode .success-card{background:#10b9811a;border-color:#10b9814d}.success-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.success-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b9814d}.success-text h3{margin:0 0 4px;font-size:18px;font-weight:700;color:#065f46}body.dark-mode .success-text h3{color:#6ee7b7}.success-text p{margin:0;font-size:13px;color:#047857}body.dark-mode .success-text p{color:#a7f3d0}.upload-zone{border:2px dashed var(--border);border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s}.upload-zone:hover{border-color:#667eea;background:#667eea0d}.upload-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:12px;background:#667eea1a;display:flex;align-items:center;justify-content:center}.upload-text{font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.upload-hint{font-size:12px;color:var(--muted)}.spinner{width:20px;height:20px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.seedvault-page{padding:16px 12px}.seedvault-header{padding:24px;min-height:200px}.seedvault-title{font-size:24px}.seedvault-features{grid-template-columns:1fr}.tabs-nav{flex-direction:column}.tab-button{border-bottom:1px solid var(--border)}.button-grid{grid-template-columns:1fr}}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.dashboard-card{background:var(--card-bg, var(--card));border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:box-shadow .2s ease}.dashboard-card:hover{box-shadow:0 4px 20px #00000014}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr!important}.dashboard-card[style*=grid-column]{grid-column:span 1!important}}@media(min-width:901px)and (max-width:1399px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1400px){.dashboard-grid.columns-4{grid-template-columns:repeat(4,1fr)}}.nav-item.sub-item{padding-left:32px!important;font-size:13px;opacity:.9}.nav-item.sub-item:before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--muted)}.nav-item.sub-item.active:before{background:var(--primary)}.nav-submenu{margin-left:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-submenu.expanded{max-height:500px}.nav-item.has-children{position:relative}.nav-item.has-children .nav-chevron{position:absolute;right:12px;transition:transform .2s ease}.nav-item.has-children.expanded .nav-chevron{transform:rotate(90deg)}.analytics-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;background:linear-gradient(135deg,#6366f133,#8b5cf633);color:var(--primary);text-transform:uppercase;letter-spacing:.5px}@supports (padding: env(safe-area-inset-top)){.app-shell{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.sidebar.open{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.top-bar{padding-top:max(0px,env(safe-area-inset-top))}.toast{top:calc(10px + env(safe-area-inset-top))}.modal-content{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}@media(min-width:768px)and (max-width:1024px){.sidebar{width:220px}.sidebar.collapsed{width:64px}.main-content{margin-left:220px}.main-content.sidebar-collapsed{margin-left:64px}.dashboard-grid,.analytics-grid,.metrics-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.stats-container,.stat-cards{grid-template-columns:repeat(2,1fr)}.chart-container,.chart-section{grid-column:span 2}.modal-content{max-width:90vw;max-height:85vh}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.card{padding:var(--space-4)}.top-bar{padding:0 var(--space-4)}.hide-on-tablet{display:none!important}}@media(max-width:768px){.sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-backdrop.visible{opacity:1;visibility:visible}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1000;width:280px;max-width:85vw;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.sidebar.open{transform:translate(0);box-shadow:4px 0 32px #00000040}.nav-item{padding:14px 16px;min-height:48px;font-size:15px;margin-bottom:2px}.nav-item:active{background:var(--accent);color:#fff;transform:scale(.98)}.nav-section-title{padding:16px 16px 10px;font-size:12px}.sidebar-header{height:64px;padding:0 16px}.sidebar-logo{width:40px;height:40px}.sidebar-brand{font-size:20px}}@media(max-width:768px){.top-bar{height:56px;padding:0 12px;gap:8px}.top-bar .icon-btn:first-child{width:44px;height:44px}.breadcrumbs{font-size:14px;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-item.active{font-size:16px;font-weight:600}.top-bar-actions{gap:8px}.top-bar-actions .icon-btn{width:40px;height:40px;min-width:40px}.top-bar-actions .search-bar,.top-bar-actions .kbd{display:none!important}}@media(max-width:768px){.app-content{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.container{padding:12px}.card{padding:14px;border-radius:14px;margin-bottom:12px}h1,.page-title{font-size:22px;line-height:1.3}h2{font-size:18px}h3{font-size:16px}}@media(max-width:430px){.app-content{padding:12px}.card{padding:12px;border-radius:12px}h1,.page-title{font-size:20px}}@media(max-width:375px){.app-content{padding:10px}.card{padding:10px;border-radius:10px}h1,.page-title{font-size:18px}}@media(max-width:768px){.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metric-box{padding:14px;border-radius:12px}.metric-value{font-size:20px}.metric-label,.metric-sub{font-size:11px}}@media(max-width:375px){.metrics{grid-template-columns:1fr}.metric-box{padding:12px}.metric-value{font-size:18px}}@media(max-width:768px){button,.btn,[role=button]{min-height:44px;padding:12px 16px;font-size:15px;border-radius:10px;-webkit-tap-highlight-color:transparent}button:active,.btn:active{transform:scale(.97);opacity:.9}.btn-ghost{min-height:44px}.icon-btn{width:44px;height:44px;min-width:44px;min-height:44px}.btn-group{flex-direction:column;width:100%}.btn-group button{width:100%}}@media(max-width:768px){input,select,textarea{min-height:48px;padding:14px 16px;font-size:16px;border-radius:10px;-webkit-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{font-size:16px}.form-group{margin-bottom:18px}.form-group label{font-size:14px;margin-bottom:8px;display:block}select{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='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.search-input{font-size:16px;padding:14px 16px 14px 44px}input[type=checkbox],input[type=radio]{width:22px;height:22px;min-height:22px}}@media(max-width:768px){.table-container,.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px;scroll-snap-type:x proximity}table{font-size:13px;min-width:600px}th,td{padding:12px 10px;white-space:nowrap}th:first-child,td:first-child{position:sticky;left:0;background:var(--card);z-index:1;box-shadow:2px 0 4px #0000000d}body.dark-mode th:first-child,body.dark-mode td:first-child{background:var(--card);box-shadow:2px 0 4px #0003}.table-container:after{content:"";position:absolute;right:0;top:0;bottom:0;width:24px;background:linear-gradient(to right,transparent,var(--bg));pointer-events:none}}@media(max-width:430px){table{font-size:12px}th,td{padding:10px 8px}}@media(max-width:768px){.modal-overlay{align-items:flex-end}.modal-content,.modal{width:100%!important;max-width:100%!important;min-height:50vh;max-height:90vh;margin:0;border-radius:20px 20px 0 0;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{font-size:18px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border)}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--bg)}.modal-footer{position:sticky;bottom:0;background:var(--card);margin:0 -20px;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);flex-direction:column;gap:10px}.modal-footer button{width:100%;justify-content:center}}@media(max-width:768px){.toast{position:fixed;top:auto!important;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:12px;right:12px;max-width:none;min-width:auto;height:auto!important;max-height:120px;border-radius:14px;padding:0;font-size:14px;transform:translateY(120%);box-shadow:0 -4px 20px #00000026}.toast.show{transform:translateY(0)}.toast .toast-content-wrapper{padding:12px 16px}}@media(max-width:768px){.autocomplete-list{position:fixed!important;inset:auto 12px 0!important;width:auto!important;max-height:50vh;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 20px #00000026}.autocomplete-item{padding:14px 16px;min-height:54px}.autocomplete-item-symbol{font-size:16px}.autocomplete-item-name{font-size:13px}}@media(max-width:768px){.recharts-responsive-container{margin:0 -8px}.recharts-legend-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.recharts-tooltip-wrapper{max-width:200px;font-size:12px}}@media(max-width:768px){.tabs,.tab-list,[role=tablist]{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:4px;margin:0 -12px;padding:4px 12px}.tabs::-webkit-scrollbar,.tab-list::-webkit-scrollbar{display:none}.tab,.tab-item,[role=tab]{flex-shrink:0;scroll-snap-align:start;padding:10px 16px;font-size:14px;white-space:nowrap;border-radius:8px;min-height:44px}}@media(max-width:768px){.badge,.badge-success,.badge-danger,.badge-info,.badge-swap{padding:5px 10px;font-size:11px;border-radius:6px}}@media(max-width:768px){.grid,.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr!important;gap:12px}@media(min-width:430px){.grid-cols-2,.grid-allow-2-col{grid-template-columns:repeat(2,1fr)!important}}}@media(max-width:768px){.portfolio-header{flex-direction:column;gap:12px;align-items:stretch!important}.portfolio-header h1{text-align:center}.portfolio-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.portfolio-actions button{flex:1;min-width:120px}}@media(max-width:768px){.token-row{padding:14px 12px}.token-icon{width:36px;height:36px}.token-symbol{font-size:15px}.token-name{font-size:12px}.token-value{font-size:15px}}@media(max-width:768px){.alert-panel{width:100%!important;max-width:100%!important;height:100vh;border-radius:0}}@media(max-width:768px){body.dark-mode .sidebar.open{box-shadow:4px 0 32px #00000080}body.dark-mode .modal-content{box-shadow:0 -8px 32px #00000080}body.dark-mode .toast,body.dark-mode .autocomplete-list{box-shadow:0 -4px 20px #0006}}@media(max-width:768px)and (orientation:landscape){.top-bar{height:48px}.modal-content{min-height:auto;max-height:85vh;border-radius:12px;margin:auto;width:90%!important}.sidebar{width:240px}}@media(max-width:768px){html,body,.app-content{overscroll-behavior-y:contain}}@media(max-width:768px){@media(hover:none){button:hover,.btn:hover,.nav-item:hover,.card:hover{transform:none;opacity:1}}.touchable:active,.nav-item:active{transform:scale(.98);opacity:.9;transition:transform .1s ease,opacity .1s ease}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sidebar{transition:none}.modal-content{animation:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f5f8fb;--card: #fff;--accent: #0969da;--muted: #57606a;--text: #1b1b1b;--border: #d0d7de}body{font-family:Inter,Segoe UI,Roboto,Arial,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);margin:0;padding:0;color:var(--text);transition:background .3s,color .3s;-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior-y:contain}body,body *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,opacity .3s ease}body.dark-mode{--bg: #0d1117;--card: #161b22;--text: #c9d1d9;--muted: #a0aab5;--border: #30363d;--hover: #21262d;--accent-dark: #238636;--accent-dark-hover: #2ea043;--success: #3fb950;--warning: #d29922;--error: #f85149;--info: #58a6ff;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-error: linear-gradient(135deg, #eb3349 0%, #f45c43 100%);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 6px rgba(0,0,0,.5);--shadow-lg: 0 10px 15px rgba(0,0,0,.6)}body.dark-mode input,body.dark-mode select,body.dark-mode button{background:#21262d;color:#c9d1d9;border-color:#30363d}body.dark-mode input:hover,body.dark-mode select:hover{background:#30363d;border-color:#58a6ff}.container{width:100%;margin:0;padding:18px;box-sizing:border-box}h1{font-size:20px;margin:0}button{cursor:pointer;background:var(--accent);color:#fff;border:none;transition:all .2s;font-weight:500;padding:8px 12px;border-radius:8px;font-size:14px}button:hover{opacity:.9}@media(hover:hover)and (pointer:fine){button:hover{transform:translateY(-1px)}}button:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{background:var(--hover, #f5f8fb)}.btn-primary{background:var(--accent);color:#fff;border:none}.hover-bg:hover{background:var(--hover, #f5f8fb)}body.dark-mode .hover-bg:hover{background:#21262d}input,select{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--card);font-size:14px;color:var(--text)}.card{background:var(--card);border-radius:12px;padding:16px;box-shadow:0 2px 8px #141e320f;margin-bottom:12px;border:1px solid rgba(20,30,50,.05);overflow:visible}body.dark-mode .card{background:var(--card);border-color:var(--border);box-shadow:0 2px 8px #0000004d}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.metric-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px;border-radius:8px;position:relative;overflow:hidden}.metric-box.green{background:linear-gradient(135deg,#11998e,#38ef7d)}.metric-box.red{background:linear-gradient(135deg,#eb3349,#f45c43)}.metric-box.blue{background:linear-gradient(135deg,#1e3c72,#2a5298)}.metric-label{font-size:12px;opacity:.9;margin-bottom:4px}.metric-value{font-size:24px;font-weight:700}.metric-sub{font-size:13px;opacity:.85;margin-top:4px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px;border-bottom:1px solid var(--border);text-align:center}th{background:#eef6ff;color:#0b63c3;font-weight:600;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}body.dark-mode th{background:#21262d;color:#58a6ff;border-color:var(--border)}th:hover{background:#e0efff}body.dark-mode th:hover{background:#30363d}tr:nth-child(2n){background:#fbfdff}body.dark-mode tr:nth-child(2n){background:#0d1117}body.dark-mode tr:not(:nth-child(2n)){background:var(--card)}tr:hover{background:#f0f7ff!important}body.dark-mode tr:hover{background:var(--hover)!important}.positive{color:#10b981;font-weight:600}.negative{color:#ef4444;font-weight:600}body.dark-mode .positive{color:var(--success)}body.dark-mode .negative{color:var(--error)}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:9998;display:none;align-items:center;justify-content:center}.modal-overlay.show{display:flex}.modal-content{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:500px;box-shadow:0 8px 32px #0003;max-height:90vh;overflow-y:auto}body.dark-mode .modal-content{background:var(--card);color:var(--text);border:1px solid var(--border)}.modal-header{font-size:18px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--card);font-size:14px;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1177ee1a}body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus{box-shadow:0 0 0 3px #58a6ff26}.form-group input[readonly]{cursor:not-allowed;opacity:.7}.form-group-autocomplete{position:relative}.form-help-text{font-size:12px;color:var(--muted);margin-top:4px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.modal-footer button{min-width:100px}.cost-preview,.swap-preview{padding:14px 16px;background:var(--bg);border-radius:8px;margin-bottom:16px;border:1px solid var(--border)}.cost-preview{font-size:14px;color:var(--text)}.swap-preview{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted)}.preview-label{font-weight:600;margin-bottom:6px;color:var(--text);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.preview-value{font-size:15px;font-weight:600;color:var(--text);font-family:Courier New,monospace}.dark-toggle{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:20px;cursor:pointer;box-shadow:0 4px 12px #0003;z-index:1000}.autocomplete-list{position:absolute;top:100%;left:0;margin-top:4px;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000001f;max-height:280px;overflow-y:auto;overflow-x:hidden;width:100%;z-index:99999}body.dark-mode .autocomplete-list{background:var(--card);border-color:var(--border);box-shadow:0 8px 24px #0006}.autocomplete-list-fixed{position:fixed!important;margin-top:0!important;z-index:100000!important}.autocomplete-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background-color .15s ease;display:flex;flex-direction:column;gap:2px;word-break:break-word;overflow-wrap:break-word}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--hover, #f0f7ff)}body.dark-mode .autocomplete-item:hover{background:#21262d}.autocomplete-item:active{background:#e0efff}body.dark-mode .autocomplete-item:active{background:#30363d}.autocomplete-item-symbol{font-weight:600;font-size:14px;color:var(--text)}.autocomplete-item-name{color:var(--muted);font-size:12px;line-height:1.4}.badge-success{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;background:#d1fae5;color:#065f46;text-transform:uppercase}body.dark-mode .badge-success{background:#064e3b;color:#6ee7b7}.badge-danger{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;background:#fee2e2;color:#991b1b;text-transform:uppercase}body.dark-mode .badge-danger{background:#7f1d1d;color:#fca5a5}.badge-swap{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;background:#e0e7ff;color:#3730a3;text-transform:uppercase;border:1px solid #c7d2fe}body.dark-mode .badge-swap{background:#312e81;color:#c7d2fe;border-color:#4c1d95}.badge-info{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;background:#dbeafe;color:#1e40af;text-transform:uppercase}body.dark-mode .badge-info{background:#1e3a8a;color:#93c5fd}:root{--bg-secondary: #f9fafb}body.dark-mode{--bg-secondary: #0d1117}.kbd{display:inline-block;padding:3px 8px;font-size:12px;font-weight:600;line-height:1;font-family:Courier New,monospace;background:linear-gradient(180deg,#fff,#f3f4f6);border:1px solid #d1d5db;border-bottom-width:2px;border-radius:4px;box-shadow:0 1px 2px #0000000d;color:#374151}body.dark-mode .kbd{background:linear-gradient(180deg,#374151,#1f2937);border-color:#4b5563;color:#e5e7eb;box-shadow:0 1px 2px #0003}.ath-card{margin-bottom:12px}.ath-title{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;justify-content:space-between}.ath-toggle{cursor:pointer;color:#17e;font-size:12px;font-weight:400;-webkit-user-select:none;user-select:none;transition:color .2s ease}.ath-toggle:hover{color:#06d}body.dark-mode .ath-toggle{color:#58a6ff}body.dark-mode .ath-toggle:hover{color:#79c0ff}.ath-near-high{background:#fee!important;color:#c53030!important;font-weight:700!important}.ath-near-low{background:#e6ffed!important;color:#22543d!important;font-weight:700!important}body.dark-mode .ath-near-high{background:#4a1a1a!important;color:#ff6b6b!important}body.dark-mode .ath-near-low{background:#1a3a1a!important;color:#69db7c!important}.toast{position:fixed;top:20px;right:20px;background:#fff;color:#1a202c;padding:0;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:0;z-index:10000;min-width:280px;max-width:400px;height:auto!important;max-height:150px;font-size:14px;opacity:0;transform:translate(120%);transition:opacity .3s ease,transform .3s ease,top .3s ease;pointer-events:auto;cursor:pointer}.toast-success{background:#f0fdf4;border-left:4px solid #10b981;color:#065f46}.toast-error{background:#fef2f2;border-left:4px solid #ef4444;color:#991b1b}.toast-warning{background:#fffbeb;border-left:4px solid #f59e0b;color:#92400e}.toast-info{background:#eff6ff;border-left:4px solid #3b82f6;color:#1e40af}body.dark-mode .toast{background:#1f2937;color:#f9fafb;box-shadow:0 4px 12px #0006}body.dark-mode .toast-success{background:#064e3b;border-left-color:#34d399;color:#d1fae5}body.dark-mode .toast-error{background:#7f1d1d;border-left-color:#f87171;color:#fecaca}body.dark-mode .toast-warning{background:#78350f;border-left-color:#fbbf24;color:#fef3c7}body.dark-mode .toast-info{background:#1e3a8a;border-left-color:#60a5fa;color:#dbeafe}@keyframes slideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@media(max-width:768px){.container{padding:12px}.metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}.autocomplete-list{max-height:200px}.toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none;height:auto!important;max-height:120px;font-size:13px;padding:0}.modal-content{width:95%;max-width:none;padding:20px}.modal{max-width:95%!important;margin:10px}button{min-height:44px;padding:10px 14px;font-size:13px}input,select{min-height:44px;padding:10px 14px;font-size:16px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.card{padding:12px;margin-bottom:10px}.metric-value{font-size:20px}.metric-label{font-size:11px}.dark-toggle{bottom:15px;right:15px;width:44px;height:44px}.autocomplete-list{position:fixed!important;left:10px!important;right:10px!important;width:calc(100% - 20px)!important}}@media(max-width:390px){.container{padding:8px}.card{padding:10px;border-radius:10px}button{font-size:13px;padding:8px 12px}.toast{font-size:12px;padding:0;height:auto!important;max-height:120px}table{font-size:11px}th,td{padding:6px 4px}.metrics{grid-template-columns:1fr!important}}@media(max-width:768px)and (orientation:landscape){.modal-content{max-height:85vh}.toast{top:5px;right:5px;left:auto;min-width:250px}}
