:root{--color-pure-black:#000;--color-pure-white:#fff;--color-grey-50:#f5f5f7;--color-grey-100:#e8e8ed;--color-grey-200:#d2d2d7;--color-grey-300:#86868b;--color-grey-850:#1c1c1e;--color-grey-900:#121214;--color-grey-950:#0a0a0c;--space-xs:8px;--space-sm:12px;--space-md:20px;--space-lg:32px;--space-xl:48px;--radius-ios-btn:14px;--radius-ios-card:24px;--radius-ios-input:18px}[data-theme=dark]{--color-primary:#ff5200;--color-primary-rgb:255, 82, 0;--color-secondary:#ff5e3a;--color-accent:#ff5200;--bg-page:#121214;--bg-page-grad:#121214;--bg-surface:#1c1c1e;--bg-input:#2c2c2e;--bg-active:rgba(var(--color-primary-rgb), .15);--bg-split-top:#000;--nav-bg:#000;--nav-text:#fff;--nav-text-muted:#fff9;--nav-toggle-bg:#ffffff1f;--nav-toggle-hover:#fff3;--nav-border:#ffffff14;--text-main:var(--color-pure-white);--text-muted:var(--color-grey-300);--text-dim:var(--color-grey-200);--accent-color:var(--color-primary);--accent-contrast:var(--color-pure-white)}[data-theme=light]{--color-primary:#ff5200;--color-primary-rgb:255, 82, 0;--color-secondary:#ff5e3a;--color-accent:#ff5200;--bg-page:#f5f5f7;--bg-page-grad:#f5f5f7;--bg-surface:#fff;--bg-input:#e8e8ed;--bg-active:rgba(var(--color-primary-rgb), .1);--bg-split-top:#121214;--nav-bg:#fff;--nav-text:#121214;--nav-text-muted:#12121499;--nav-toggle-bg:#0000000d;--nav-toggle-hover:#0000001a;--nav-border:#00000014;--text-main:var(--color-pure-black);--text-muted:var(--color-grey-300);--text-dim:var(--color-grey-800);--accent-color:var(--color-primary);--accent-contrast:var(--color-pure-white)}:root{--input-bg:var(--bg-input);--card-bg:var(--bg-surface);--btn-bg:var(--accent-color);--btn-text:var(--accent-contrast);--slider-bg:var(--bg-active);--slider-fill:var(--accent-color)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html,body{height:100%;overflow:hidden}body{background:var(--bg-page-grad);background-color:var(--bg-page);color:var(--text-main);flex-direction:column;height:100%;transition:background-color .3s,color .3s;display:flex}#root{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.main-scroll-content{flex-direction:column;flex-grow:1;width:100%;display:flex;overflow:hidden auto}button,input,select{font-family:inherit;font-size:inherit;border:none;outline:none}.container{width:100%;max-width:1000px;padding:var(--space-lg) var(--space-md);flex-direction:column;flex-grow:1;margin:0 auto;display:flex}@keyframes slide-right{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-slide{animation:1.5s linear infinite slide-right}@media (width<=600px){.container{padding:var(--space-md) var(--space-sm);padding-bottom:80px!important}}.plyr{border-radius:14px;margin:0 auto;background-color:#000!important;max-height:480px!important}.plyr__video-wrapper{background-color:#000!important;justify-content:center!important;align-items:center!important;max-height:480px!important;display:flex!important}.plyr video{object-fit:contain!important;max-height:480px!important}.lucide,svg{stroke-width:2.2px!important}.navbar{background-color:var(--nav-bg);z-index:100;border-bottom:1.5px solid var(--nav-border);width:100%;height:80px;transition:background-color .3s,border-bottom-color .3s;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 24px;display:flex}.navbar-left-group{align-items:center;gap:12px;display:flex}.navbar-back-btn{color:var(--nav-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.navbar-back-btn:hover{background-color:var(--nav-toggle-hover)}.navbar-title{color:var(--nav-text);letter-spacing:-.5px;font-size:20px;font-weight:700}.navbar-brand{cursor:pointer;align-items:center;gap:6px;display:flex}.navbar-brand-logo{object-fit:contain;width:auto;height:35px}.navbar-brand-logo.logo-light{display:none}.navbar-brand-logo.logo-dark{display:block}@media (width>=601px){[data-theme=light] .navbar-brand-logo.logo-light{display:block}[data-theme=light] .navbar-brand-logo.logo-dark{display:none}}.navbar-menu-btn{color:var(--nav-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.navbar-menu-btn:hover{background-color:var(--nav-toggle-hover)}.navbar-toggle-btn{background:var(--nav-toggle-bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.navbar-icon{color:var(--nav-text)}.navbar-toggle-btn:hover{background-color:var(--nav-toggle-hover)}.navbar-actions{align-items:center;gap:24px;display:flex}@media (width<=600px){.navbar{border-bottom:none;height:64px;background-color:var(--color-primary)!important;--nav-bg:var(--color-primary)!important;--nav-text:#fff!important;--nav-text-muted:#ffffffb3!important;--nav-toggle-bg:#ffffff26!important;--nav-toggle-hover:#ffffff40!important}.navbar-container{padding:0 16px}.navbar-actions{gap:16px}}.steps-container{border-top:1px solid var(--bg-input);text-align:center;width:100%;margin-top:40px;padding-top:40px}.steps-title{color:var(--text-main);margin-bottom:24px;font-size:24px;font-weight:500}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%;max-width:850px;margin:0 auto;display:grid}.step-card{background-color:var(--bg-surface);border-radius:var(--radius-ios-card);text-align:left;flex-direction:column;gap:12px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.step-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.step-num{color:var(--bg-input);font-size:32px;font-weight:800;line-height:1;position:absolute;bottom:16px;right:20px}.step-card-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.step-icon{color:var(--text-muted);z-index:1;position:relative}.step-header{color:var(--text-main);font-size:16px;font-weight:500}.step-text{color:var(--text-muted);font-size:13px;line-height:1.4}@media (width<=600px){.steps-container{margin-top:24px;padding-top:24px}.steps-title{margin-bottom:16px;font-size:20px}.steps-grid{grid-template-columns:1fr;gap:16px}.step-card{border-radius:16px;gap:8px;padding:20px}.step-num{font-size:24px;bottom:12px;right:16px}.step-header{font-size:15px}.step-text{font-size:12px}}.faq-container{text-align:center;width:100%;margin-top:36px}.faq-title{color:var(--text-main);margin-bottom:24px;font-size:24px;font-weight:500}.faq-list{flex-direction:column;gap:12px;width:100%;max-width:850px;margin:0 auto;display:flex}.faq-item{background-color:var(--bg-surface);border-radius:var(--radius-ios-btn);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;padding:20px;transition:background-color .2s}.faq-question-row{color:var(--text-main);justify-content:space-between;align-items:center;display:flex}.faq-question{font-size:15px;font-weight:500}.faq-answer{color:var(--text-muted);margin-top:12px;font-size:13px;line-height:1.5;transition:opacity .2s}@media (width<=600px){.faq-container{margin-top:24px}.faq-title{margin-bottom:16px;font-size:20px}.faq-item{border-radius:12px;padding:16px}.faq-question{font-size:14px}.faq-answer{margin-top:8px;font-size:12px}}.ar-container{text-align:center;width:100%;margin-top:48px}.ar-title{color:var(--text-main);margin-bottom:12px;font-size:24px;font-weight:500}.ar-subtitle{color:var(--text-muted);max-width:650px;margin:0 auto 32px;font-size:14px;line-height:1.5}.ar-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%;max-width:850px;margin:0 auto;display:grid}.ar-card{background-color:var(--bg-surface);border-radius:var(--radius-ios-card);text-align:left;flex-direction:column;gap:12px;padding:24px;transition:transform .2s,background-color .2s;display:flex}.ar-card:hover{background-color:var(--bg-active)}.ar-icon{color:var(--text-main)}.ar-card-header{color:var(--text-main);font-size:16px;font-weight:500}.ar-card-text{color:var(--text-muted);font-size:13px;line-height:1.4}@media (width<=600px){.ar-container{margin-top:32px}.ar-title{font-size:20px}.ar-subtitle{margin-bottom:20px;padding:0 8px;font-size:13px}.ar-grid{grid-template-columns:1fr;gap:16px}.ar-card{border-radius:16px;padding:20px}}.sc-wrapper{flex-direction:column;gap:8px;width:100%;max-width:850px;margin:0 auto;display:flex}.sc-header{letter-spacing:1.5px;justify-content:space-between;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:flex}.sc-badge{color:var(--sponsor-accent)}.sc-views-left{color:var(--text-muted)}.sc-banner-link{border-radius:var(--radius-ios-btn);border:1px solid var(--bg-input);width:100%;line-height:0;transition:border-color .3s,box-shadow .3s;display:block;overflow:hidden}.sc-banner-link:hover{border-color:var(--sponsor-accent);box-shadow:0 0 15px #ffffff05, 0 0 8px var(--sponsor-accent)}.sc-banner-img{aspect-ratio:8;object-fit:cover;width:100%;height:auto;transition:transform .3s;display:block}.sc-banner-link:hover .sc-banner-img{transform:scale(1.005)}@media (width<=680px){.sc-banner-img{aspect-ratio:4.5}}.nab-container{justify-content:center;align-items:center;width:100%;margin:24px auto;display:flex}.nab-loading-skeleton{background:var(--bg-input);border-radius:var(--radius-ios-btn);width:100%;max-width:728px;height:90px;margin:24px auto;animation:1.8s ease-in-out infinite pulse}.nab-placeholder{border:1px dashed var(--bg-active);border-radius:var(--radius-ios-btn);color:var(--text-muted);box-sizing:border-box;background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:24px auto;font-family:inherit;transition:all .2s;display:flex}.nab-placeholder:hover{border-color:var(--accent-color);background:#ffffff0a}.format-728x90{max-width:728px;height:90px}.format-468x60{max-width:468px;height:60px}.format-300x250{max-width:300px;height:250px}.nab-tag{text-transform:uppercase;color:var(--accent-color);letter-spacing:1.5px;background:#007aff1a;border-radius:4px;margin-bottom:6px;padding:2px 8px;font-size:10px;font-weight:600}.nab-dimensions{color:var(--text-main);font-size:14px;font-weight:500}.nab-hint{color:var(--text-muted);opacity:.8;margin-top:4px;font-size:10px}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ffffff1a}50%{transform:scale(1.02);box-shadow:0 0 0 8px #fff0}to{transform:scale(1);box-shadow:0 0 #ffffff1a}}.di-container{flex-direction:column;gap:32px;width:100%;margin-top:40px;display:flex}.di-hero{text-align:center;z-index:1;flex-direction:column;gap:12px;display:flex;position:relative}.di-hero-title{letter-spacing:-1px;color:#fff;font-size:36px;font-weight:500}.di-hero-subtitle{color:#ffffffb3;max-width:600px;margin:0 auto;font-size:16px;line-height:1.5}.di-form-wrapper{width:100%;max-width:720px;margin:0 auto;position:relative}.di-split-bg{background-color:var(--color-primary);z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff1f 0%,#0000 100%);background-position:50%;background-size:100% 100%;width:100vw;height:2000px;position:absolute;bottom:50%;left:50%;transform:translate(-50%)}.di-hero-artifacts{opacity:.25;pointer-events:none;background-image:url(../hero-banner-artifacts.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;width:100%;height:520px;position:absolute;bottom:0;left:0}@media (width>=600px){.di-form-wrapper:before,.di-form-wrapper:after{content:"";pointer-events:none;width:calc(50vw - 50%);height:.5px;position:absolute;top:50%;transform:translateY(-50%)}.di-form-wrapper:before{background:var(--bg-input);margin-right:0;right:100%}.di-form-wrapper:after{background:var(--bg-input);margin-left:0;left:100%}}.di-form{gap:12px;width:100%;display:flex}.di-input-wrapper{background-color:var(--input-bg);border-radius:100px;flex-grow:1;align-items:center;height:56px;padding:0 4px 0 20px;display:flex}.di-input{color:var(--text-main);background:0 0;flex-grow:1;height:100%;font-size:16px}.di-paste-btn{cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:8px;display:flex}.di-paste-icon{color:var(--text-muted)}.di-download-btn{background-color:var(--btn-bg);color:var(--btn-text);cursor:pointer;border-radius:100px;align-items:center;gap:8px;height:56px;padding:0 28px;font-size:16px;font-weight:500;transition:opacity .2s;display:flex}.di-download-btn:hover{opacity:.9}.di-integrated-download-btn{background-color:var(--color-primary);color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-left:8px;padding:0;transition:opacity .2s,transform .1s;display:flex}.di-integrated-download-btn:hover{opacity:.95}.di-integrated-download-btn:active{transform:scale(.98)}.di-integrated-download-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width>=601px){.di-download-btn{display:none!important}}.di-slider-container{background-color:var(--slider-bg);border-radius:2px;width:100%;max-width:720px;height:3px;margin:-16px auto 0;position:relative;overflow:hidden}.di-slider-bar{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary), var(--color-accent));border-radius:2px;width:40%;height:100%;position:absolute}.di-platforms{justify-content:center;width:100%;margin-top:-8px;display:flex}.di-platform-grid{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:850px;display:flex}.di-platform-item{color:var(--text-muted);background-color:var(--bg-surface);cursor:pointer;border:1px solid #0000;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex}.di-platform-item svg{color:var(--text-muted);transition:color .2s}.di-platform-item:hover{background-color:var(--bg-input);transform:translateY(-1.5px)}.di-platform-item:hover svg{color:var(--text-main)}.di-platform-item.di-active{background-color:var(--bg-active);border-color:var(--color-primary);color:var(--color-primary);box-shadow:none;transform:translateY(-1.5px)}.di-platform-item.di-active svg{color:var(--color-primary)}.di-features{text-align:center;margin-top:24px}.di-features-title{color:var(--text-main);margin-bottom:8px;font-size:24px;font-weight:500}.di-features-desc{color:var(--text-muted);margin-bottom:32px;font-size:14px}.di-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%;max-width:850px;margin:0 auto;display:grid}.di-card{background-color:var(--bg-surface);border-radius:var(--radius-ios-card);text-align:left;flex-direction:column;gap:12px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.di-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.di-card-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.di-card-icon{color:var(--text-muted)}.di-card-header{color:var(--text-main);font-size:16px;font-weight:500}.di-card-text{color:var(--text-muted);font-size:13px;line-height:1.4}.di-error-card{background-color:var(--bg-surface);border-radius:var(--radius-ios-card);text-align:left;flex-direction:column;gap:12px;width:100%;max-width:850px;margin:0 auto;padding:24px;animation:.2s ease-out fadeIn;display:flex}.di-error-header{color:var(--text-main);justify-content:space-between;align-items:center;font-size:15px;font-weight:600;display:flex}.di-error-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.di-error-text{color:#ff453a;font-size:13px;line-height:1.4}.di-guide{border-top:1px solid var(--bg-input);flex-direction:column;gap:10px;margin-top:8px;padding-top:16px;display:flex}.di-guide-title{color:var(--text-main);font-size:13px;font-weight:600}.di-guide-steps{color:var(--text-dim);padding-left:20px;font-size:13px;line-height:1.6}.di-guide-steps li{margin-bottom:6px}.di-guide-steps code{background-color:var(--bg-input);border-radius:4px;padding:2px 6px;font-family:monospace}.di-ad-container{width:100%;max-width:850px;margin:24px auto 0}@media (width<=600px){.di-container{gap:24px;margin-top:20px}.di-split-bg{border-bottom-right-radius:8px;border-bottom-left-radius:8px;bottom:87px}.di-hero-artifacts{opacity:.35;background-position:center bottom 15px;background-size:contain;height:200px}.di-hero-title{letter-spacing:-.5px;font-size:26px}.di-hero-subtitle{padding:0 8px;font-size:14px}.di-form{flex-direction:column;gap:12px}.di-input-wrapper{height:50px;padding:0 12px}.di-integrated-download-btn{display:none!important}.di-input{font-size:15px}.di-download-btn{justify-content:center;width:100%;height:50px;font-size:15px}.di-slider-container{margin-top:-4px}.di-platform-grid{gap:8px}.di-platform-item{padding:6px 12px;font-size:12px}.di-features-title{font-size:20px}.di-features-desc{margin-bottom:20px;font-size:13px}.di-grid{grid-template-columns:1fr;gap:16px}.di-card,.di-error-card{border-radius:16px;padding:20px}.di-ad-container{margin-top:16px}}.di-clipboard-toast{background:rgba(var(--color-primary-rgb), .08);border:1.5px dashed rgba(var(--color-primary-rgb), .3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:16px;width:100%;max-width:720px;margin:-10px auto 0;padding:12px 18px;transition:transform .2s,background .2s;animation:.3s cubic-bezier(.16,1,.3,1) slideInDown;position:relative;overflow:hidden}.di-clipboard-toast:hover{background:rgba(var(--color-primary-rgb), .12);transform:translateY(-2px)}.di-toast-glow{background:radial-gradient(circle, rgba(var(--color-primary-rgb), .15) 0%, transparent 70%);pointer-events:none;z-index:0;width:140%;height:200%;position:absolute;top:-50%;left:-20%}.di-toast-content{z-index:1;color:var(--text-main);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex;position:relative}.di-toast-sparkle{animation:4s linear infinite spinSlow}.di-toast-text{color:var(--text-dim);flex-grow:1;font-family:inherit}.di-toast-text strong{color:var(--color-primary);font-weight:500}.di-toast-action-btn{background:var(--color-primary);color:#fff;cursor:pointer;box-shadow:0 4px 10px rgba(var(--color-primary-rgb), .2);border:none;border-radius:100px;padding:6px 12px;font-size:11px;font-weight:600;transition:background .2s}.di-toast-action-btn:hover{background:var(--color-accent)}.di-history-section{text-align:left;width:100%;max-width:720px;margin:10px auto 0}.di-history-header{justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 4px;display:flex}.di-history-title{color:var(--text-main);font-size:18px;font-weight:600}.di-history-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:500;text-decoration:underline;transition:color .2s}.di-history-clear-btn:hover{color:#ff453a}.di-history-list{flex-direction:column;gap:10px;display:flex}.di-history-card{background-color:var(--card-bg);border:1px solid var(--nav-border);cursor:pointer;border-radius:18px;align-items:center;gap:14px;padding:10px 14px;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex}.di-history-card:hover{background-color:var(--bg-input);transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.di-history-thumbnail-wrapper{border:1px solid var(--nav-border);background-color:#000;border-radius:10px;flex-shrink:0;width:68px;height:48px;position:relative;overflow:hidden}.di-history-thumbnail{object-fit:cover;width:100%;height:100%}.di-history-thumbnail-fallback{width:100%;height:100%;color:var(--text-muted);background-color:#ffffff0a;justify-content:center;align-items:center;display:flex}.di-history-badge-platform{text-transform:uppercase;color:#fff;letter-spacing:.5px;background:#000000bf;border-radius:3px;padding:1px 4px;font-size:7px;font-weight:700;position:absolute;bottom:2px;right:2px}.di-history-details{flex-direction:column;flex-grow:1;gap:4px;min-width:0;display:flex}.di-history-card-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.di-history-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:10px;display:flex}.di-history-quality{background-color:var(--bg-active);color:var(--color-primary);border-radius:100px;padding:1px 6px;font-weight:600}.di-history-time{opacity:.8}.di-history-actions{align-items:center;gap:6px;display:flex}.di-history-action-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background-color:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}[data-theme=light] .di-history-action-btn{background-color:#0000000a}.di-history-action-btn:hover{background-color:var(--bg-active);color:var(--color-primary)}.di-history-action-btn.delete-item:hover{color:#ff453a;background-color:#ff453a26}@media (width<=600px){.di-desktop-only-section{display:none!important}.di-history-card{gap:10px;padding:8px 10px}.di-history-thumbnail-wrapper{width:60px;height:42px}.di-history-action-btn{width:28px;height:28px}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.di-history-empty-state{border:1px dashed var(--nav-border);text-align:center;background:#ffffff05;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:30px 20px;display:flex;position:relative;overflow:hidden}[data-theme=light] .di-history-empty-state{background:#00000003}.di-history-empty-glow{background:radial-gradient(circle, var(--bg-active) 0%, transparent 70%);pointer-events:none;z-index:0;opacity:.6;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.di-history-empty-icon{z-index:1;margin-bottom:4px;font-size:28px;animation:3s ease-in-out infinite floatIcon;position:relative}.di-history-empty-title{color:var(--text-main);z-index:1;font-size:14px;font-weight:600;position:relative}.di-history-empty-text{color:var(--text-muted);z-index:1;font-size:12px;position:relative}.di-history-empty-subtext{color:var(--text-muted);opacity:.7;z-index:1;font-size:10px;position:relative}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mv-container{flex-direction:column;gap:16px;width:100%;max-width:600px;margin:24px auto 0;display:flex}.mv-meta-card{background-color:var(--bg-surface);border-radius:var(--radius-ios-card);flex-direction:column;gap:12px;padding:12px;display:flex;overflow:hidden}.mv-thumbnail-wrapper{aspect-ratio:16/9;background-color:var(--bg-input);border-radius:14px;width:100%;position:relative;overflow:hidden}.mv-thumbnail{object-fit:cover;width:100%;height:100%}.mv-duration{color:#fff;background-color:#000000b3;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:500;position:absolute;bottom:8px;right:8px}.mv-meta-details{padding:0 4px 4px}.mv-title{color:var(--text-main);font-size:15px;font-weight:500;line-height:1.3}.mv-source{color:var(--text-muted);margin-top:4px;font-size:12px}.mv-tabs{background-color:var(--bg-input);border-radius:14px;padding:4px;display:flex}.mv-tab{cursor:pointer;color:var(--text-muted);background-color:#0000;border-radius:10px;flex:1;padding:8px;font-size:14px;transition:all .2s}.mv-tab.active{background-color:var(--bg-active);color:var(--text-main)}.mv-formats-list{flex-direction:column;gap:8px;display:flex}.mv-format-row{background-color:var(--bg-surface);border-radius:var(--radius-ios-input);cursor:pointer;text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px;transition:transform .1s,background-color .2s;display:flex}.mv-format-row:hover{background-color:var(--bg-active)}.mv-format-info{align-items:center;gap:10px;display:flex}.mv-format-icon{color:var(--text-muted)}.mv-quality{color:var(--text-main);font-size:14px}.mv-size{color:var(--text-muted);font-size:14px}.mv-back-btn{color:var(--text-muted);cursor:pointer;text-align:center;background-color:#0000;margin-top:8px;padding:12px;font-size:14px;transition:color .2s}.mv-back-btn:hover{color:var(--text-main)}.mv-ad-banner{background-color:var(--bg-surface);border-radius:var(--radius-ios-card);text-align:left;flex-direction:column;gap:8px;width:100%;margin-top:4px;padding:16px 20px;display:flex}.mv-ad-tag{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);background-color:var(--bg-input);border-radius:100px;align-self:flex-start;padding:3px 8px;font-size:9px;font-weight:600;display:inline-block}.mv-ad-text{color:var(--text-dim);font-size:12px;line-height:1.4}@media (width<=600px){.mv-container{gap:12px;margin-top:16px}.mv-meta-card{border-radius:16px;gap:8px;padding:8px}.mv-thumbnail-wrapper{border-radius:10px}.mv-title{font-size:14px}.mv-tabs{border-radius:10px}.mv-tab{padding:6px;font-size:13px}.mv-format-row{border-radius:12px;padding:12px}.mv-quality,.mv-size{font-size:13px}.mv-ad-banner{border-radius:16px;padding:12px 16px}}.pv-container{flex-direction:column;gap:20px;width:100%;max-width:600px;margin:40px auto 0;display:flex}.pv-progress-card{background-color:var(--bg-surface);border-radius:var(--radius-ios-card);text-align:center;flex-direction:column;align-items:center;gap:20px;padding:32px 24px;display:flex}.pv-status-header{color:var(--text-main);font-size:20px;font-weight:500}.pv-status-desc{color:var(--text-muted);font-size:14px;line-height:1.4}.pv-progress-bar-wrapper{background-color:var(--bg-active);border-radius:4px;width:100%;height:8px;margin-top:8px;overflow:hidden}.pv-progress-bar{background-color:var(--accent-color);border-radius:4px;height:100%}.pv-speed-eta-row{width:100%;color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:13px;display:flex}.pv-error-icon-wrapper{padding:10px}.pv-error-icon{color:#ff3b30}.pv-actions{flex-direction:column;gap:12px;width:100%;display:flex}.pv-download-link{width:100%;text-decoration:none}.pv-download-btn{background-color:var(--btn-bg);width:100%;color:var(--btn-text);border-radius:var(--radius-ios-btn);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:16px;font-weight:500;transition:opacity .2s;animation:2s ease-in-out infinite pulse;display:flex}.pv-download-btn:hover{opacity:.9}.pv-reset-btn{background-color:var(--bg-input);width:100%;color:var(--text-main);border-radius:var(--radius-ios-btn);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:15px;transition:background-color .2s;display:flex}.pv-reset-btn:hover{background-color:var(--bg-active)}.pv-cancel-btn{width:100%;color:var(--text-muted);border-radius:var(--radius-ios-btn);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;padding:14px;font-size:14px;transition:color .2s,opacity .2s;display:flex}.pv-cancel-btn:hover{color:var(--text-main)}.pv-ad-banner{background-color:var(--bg-surface);border-radius:var(--radius-ios-card);text-align:left;flex-direction:column;gap:8px;width:100%;margin-top:4px;padding:16px 20px;display:flex}.pv-ad-tag{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);background-color:var(--bg-input);border-radius:100px;align-self:flex-start;padding:3px 8px;font-size:9px;font-weight:600;display:inline-block}.pv-ad-text{color:var(--text-dim);font-size:12px;line-height:1.4}@media (width<=600px){.pv-container{gap:16px;margin-top:20px}.pv-progress-card{border-radius:16px;gap:16px;padding:24px 16px}.pv-status-header{font-size:18px}.pv-status-desc{font-size:13px}.pv-download-btn,.pv-reset-btn{padding:14px;font-size:15px}.pv-ad-banner{border-radius:16px;padding:12px 16px}}@media (width<=480px){.pv-speed-eta-row{flex-direction:column;align-items:center;gap:4px}}.footer{background-color:var(--bg-surface);color:var(--text-muted);width:100%;margin-top:auto;padding:32px 20px}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1000px;margin:0 auto;display:flex}.footer-left{flex-direction:column;gap:4px;display:flex}.footer-logo{color:var(--text-main);letter-spacing:-.5px;font-size:16px;font-weight:700}.footer-desc{color:var(--text-muted);font-size:12px}.footer-links{gap:16px;display:flex}.footer-link{color:var(--text-muted);font-size:13px;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--text-main)}.footer-right{font-size:12px}.footer-copy{color:var(--text-muted)}.footer-seo-grid{grid-template-columns:repeat(4,1fr);gap:32px;max-width:1000px;margin:0 auto 32px;display:grid}.footer-seo-column{flex-direction:column;gap:12px;display:flex}.footer-seo-title{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:13px;font-weight:600}.footer-seo-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer-seo-list li a{color:var(--text-muted);font-size:12.5px;text-decoration:none;transition:color .2s,transform .2s;display:inline-block}.footer-seo-list li a:hover{color:var(--color-accent,#6366f1);transform:translate(3px)}.footer-divider{background-color:var(--border-color,#ffffff14);max-width:1000px;height:1px;margin:0 auto 24px}@media (width<=800px){.footer-seo-grid{grid-template-columns:repeat(2,1fr);gap:24px;padding:0 16px}}@media (width<=600px){.footer{display:none}.footer-container{text-align:center;flex-direction:column;gap:16px}.footer-links{justify-content:center;width:100%}.footer-left{align-items:center}}.dm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.dm-modal{background-color:var(--bg-surface);border-radius:var(--radius-ios-card);flex-direction:column;width:100%;max-width:500px;max-height:80vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}.dm-header{border-bottom:1px solid var(--bg-active);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dm-title{color:var(--text-main);font-size:18px;font-weight:600}.dm-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.dm-close-btn:hover{color:var(--text-main)}.dm-content{color:var(--text-dim);text-align:left;flex-direction:column;gap:12px;padding:24px;font-size:14px;line-height:1.6;display:flex;overflow-y:auto}.dm-subheading{color:var(--text-main);margin-top:8px;font-size:15px;font-weight:500}@media (width<=600px){.dm-overlay{padding:12px}.dm-modal{border-radius:16px;max-height:90vh}.dm-header{padding:16px}.dm-title{font-size:16px}.dm-content{gap:8px;padding:16px;font-size:13px}.dm-subheading{margin-top:4px;font-size:14px}}.ms-container{flex-direction:column;gap:24px;width:100%;max-width:850px;margin:0 auto;display:flex}.ms-meta-card{background-color:var(--bg-surface);border-radius:var(--radius-ios-card);border:1px solid var(--bg-input);flex-direction:column;gap:20px;padding:24px;display:flex}.ms-player-skeleton{background-color:var(--bg-input);border-radius:var(--radius-ios-btn);width:100%;height:240px}.ms-meta-details{flex-direction:column;gap:12px;width:100%;display:flex}.ms-title-skeleton{background-color:var(--bg-input);border-radius:4px;width:70%;height:18px}.ms-sub-skeleton{background-color:var(--bg-input);border-radius:4px;width:30%;height:14px}.ms-tabs{border-bottom:1px solid var(--bg-input);gap:12px;padding-bottom:12px;display:flex}.ms-tab-skeleton{background-color:var(--bg-input);border-radius:8px;width:80px;height:32px}.ms-formats-list{flex-direction:column;gap:12px;display:flex}.ms-format-row-skeleton{background-color:var(--bg-surface);border:1px solid var(--bg-input);border-radius:var(--radius-ios-btn);width:100%;height:54px}.ms-back-btn{background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--bg-input);border-radius:var(--radius-ios-btn);cursor:pointer;width:100%;height:50px;font-weight:500;transition:background-color .2s}.ms-back-btn:hover{background-color:var(--bg-input)}.pulse{animation:1.5s ease-in-out infinite pulse-bg}@keyframes pulse-bg{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (width>=600px){.ms-meta-card{flex-direction:row;align-items:center}.ms-player-skeleton{flex-shrink:0;width:320px;height:180px}.ms-meta-details{flex-grow:1}}.bottom-nav{-webkit-backdrop-filter:blur(20px)saturate(190%);z-index:999;padding-top:4px;padding-bottom:calc(.3 * env(safe-area-inset-bottom,0px) + 6px);background-color:#1c1c1ed9;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 30px #0000004d}[data-theme=light] .bottom-nav{background-color:#ffffffd9;border-top:1px solid #0000000f;box-shadow:0 -4px 30px #0000000d}.bottom-nav-item{color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:2px 0;font-size:10px;font-weight:500;transition:color .2s,transform .1s;display:flex}.bottom-nav-item svg{color:inherit;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.bottom-nav-item:active svg{transform:scale(.88)}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item.active svg{transform:scale(1.05)}.bottom-nav-action-btn{color:var(--color-accent)}@media (width>=601px){.bottom-nav{display:none!important}}.hv-container{flex-direction:column;gap:20px;width:100%;max-width:720px;margin:0 auto;animation:.25s ease-out fadeIn;display:flex}.hv-header{background-color:var(--card-bg);border:1px solid var(--nav-border);border-radius:18px;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;box-shadow:0 4px 20px #00000014}[data-theme=light] .hv-header{box-shadow:0 4px 20px #00000005}.hv-back-btn,.hv-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s,color .2s;display:flex}.hv-back-btn:hover{background-color:var(--bg-active);color:var(--color-primary)}.hv-clear-btn:hover{color:#ff453a;background-color:#ff453a26}.hv-title{color:var(--text-main);text-align:center;flex-grow:1;font-size:18px;font-weight:600}.hv-content{width:100%}.hv-list{flex-direction:column;gap:12px;display:flex}.hv-card{background-color:var(--card-bg);border:1px solid var(--nav-border);cursor:pointer;border-radius:20px;align-items:center;gap:16px;padding:12px 16px;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex}.hv-card:hover{background-color:var(--bg-input);transform:translateY(-2px);box-shadow:0 8px 24px #00000029}.hv-thumbnail-wrapper{border:1px solid var(--nav-border);background-color:#000;border-radius:12px;flex-shrink:0;width:80px;height:56px;position:relative;overflow:hidden}.hv-thumbnail{object-fit:cover;width:100%;height:100%}.hv-thumbnail-fallback{width:100%;height:100%;color:var(--text-muted);background-color:#ffffff0a;justify-content:center;align-items:center;display:flex}.hv-badge-platform{text-transform:uppercase;color:#fff;letter-spacing:.5px;background:#000c;border-radius:4px;padding:1px 5px;font-size:8px;font-weight:700;position:absolute;bottom:3px;right:3px}.hv-details{flex-direction:column;flex-grow:1;gap:6px;min-width:0;display:flex}.hv-card-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.hv-meta{color:var(--text-muted);align-items:center;gap:10px;font-size:11px;display:flex}.hv-quality{background-color:var(--bg-active);color:var(--color-primary);border-radius:100px;padding:1px 8px;font-weight:600}.hv-time{opacity:.8}.hv-actions{align-items:center;gap:8px;display:flex}.hv-action-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background-color:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}[data-theme=light] .hv-action-btn{background-color:#0000000a}.hv-action-btn:hover{background-color:var(--bg-active);color:var(--color-primary)}.hv-action-btn.delete-item:hover{color:#ff453a;background-color:#ff453a26}.hv-empty-state{border:1px dashed var(--nav-border);text-align:center;background:#ffffff05;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;padding:60px 20px;display:flex;position:relative;overflow:hidden}[data-theme=light] .hv-empty-state{background:#00000003}.hv-empty-glow{background:radial-gradient(circle, var(--bg-active) 0%, transparent 70%);pointer-events:none;z-index:0;opacity:.5;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hv-empty-icon{z-index:1;margin-bottom:8px;font-size:40px;animation:3s ease-in-out infinite floatIcon;position:relative}.hv-empty-title{color:var(--text-main);z-index:1;font-size:16px;font-weight:600;position:relative}.hv-empty-text{color:var(--text-muted);z-index:1;font-size:13px;position:relative}.hv-empty-subtext{color:var(--text-muted);opacity:.6;z-index:1;font-size:11px;position:relative}@media (width<=600px){.hv-container{padding:0 4px}.hv-header{border-radius:14px;height:50px}.hv-title{font-size:16px}.hv-card{border-radius:16px;gap:12px;padding:10px 12px}.hv-thumbnail-wrapper{border-radius:8px;width:64px;height:46px}.hv-card-title{font-size:13px}.hv-meta{gap:8px;font-size:10px}.hv-action-btn{width:30px;height:30px}.hv-empty-state{padding:40px 16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hv-select-checkbox{border:2px solid var(--text-muted);color:#fff;background-color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.hv-select-checkbox.checked{background-color:var(--color-primary);border-color:var(--color-primary)}.hv-card.card-selected{background-color:var(--bg-active);border-color:var(--color-primary)}.bottom-sheet-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background-color:#00000080;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}.bottom-sheet-content{background-color:var(--bg-surface);border-top:1px solid var(--nav-border);border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:500px;padding:16px 20px 24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 -8px 32px #0006}.bottom-sheet-header{flex-direction:column;align-items:center;gap:8px;display:flex}.bottom-sheet-drag-handle{background-color:var(--text-muted);opacity:.3;border-radius:3px;width:36px;height:5px}.bottom-sheet-title{color:var(--text-main);margin-top:4px;font-size:16px;font-weight:600}.bottom-sheet-list{flex-direction:column;gap:8px;display:flex}.bottom-sheet-item{background-color:var(--bg-input);width:100%;color:var(--text-main);cursor:pointer;text-align:left;border:none;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:500;transition:background-color .2s,transform .1s;display:flex}.bottom-sheet-item:active{transform:scale(.98)}.bottom-sheet-item:hover{background-color:var(--bg-active)}.bottom-sheet-item-icon{width:24px;height:24px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.bottom-sheet-item.danger,.bottom-sheet-item.danger .bottom-sheet-item-icon{color:#ff453a}.bottom-sheet-item.danger:hover{background-color:#ff453a1f}.bottom-sheet-cancel-btn{background-color:var(--bg-active);width:100%;color:var(--color-primary);text-align:center;cursor:pointer;border:none;border-radius:14px;margin-top:8px;padding:14px;font-size:15px;font-weight:600;transition:background-color .2s}.bottom-sheet-cancel-btn:hover{background-color:var(--nav-toggle-hover)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.view-enter{opacity:0;transform:translateY(10px)}.view-active{opacity:1;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(0)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-input);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.nav-links{gap:24px;display:none}@media (width>=540px){.nav-links{align-items:center;display:flex}}.nav-link{color:var(--nav-text-muted);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--nav-text)}.login-wrapper{background-color:var(--bg-page);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:inherit;display:flex;position:relative;overflow:hidden}.login-glow{background:radial-gradient(circle, rgba(var(--color-primary-rgb), .25) 0%, #0000 70%);filter:blur(40px);pointer-events:none;border-radius:50%;width:350px;height:350px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-card{background-color:var(--bg-surface);border:1px solid var(--nav-border);border-radius:var(--radius-ios-card,24px);z-index:10;flex-direction:column;gap:28px;width:100%;max-width:420px;padding:40px 32px;display:flex;box-shadow:0 16px 48px #0003}.login-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.login-logo-circle{background-color:var(--color-primary);width:56px;height:56px;box-shadow:0 4px 14px rgba(var(--color-primary-rgb), .3);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.login-logo-text{color:#fff;font-size:24px;font-weight:800}.login-title{color:var(--text-main);letter-spacing:-.5px;margin:0;font-size:22px;font-weight:700}.login-subtitle{color:var(--text-muted);margin:0;font-size:13px}.login-error-alert{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.login-form{flex-direction:column;gap:20px;display:flex}.login-input-group{flex-direction:column;gap:8px;display:flex}.login-label{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.login-input-wrapper{width:100%;position:relative}.login-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-input{border-radius:var(--radius-ios-input,18px);background-color:var(--bg-input);width:100%;height:52px;color:var(--text-main);border:1px solid #0000;padding:0 16px 0 46px;font-size:14px;transition:all .2s}.login-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb), .12);outline:none}.login-submit-btn{border-radius:var(--radius-ios-input,18px);background-color:var(--color-primary);color:#fff;cursor:pointer;height:52px;box-shadow:0 4px 14px rgba(var(--color-primary-rgb), .25);border:none;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.login-submit-btn:hover:not(:disabled){opacity:.95;box-shadow:0 6px 18px rgba(var(--color-primary-rgb), .35);transform:translateY(-1px)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-input-hint{color:var(--text-muted);margin-top:4px;font-size:11px}.login-back-btn{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;margin-top:8px;font-size:13px;transition:color .2s}.login-back-btn:hover:not(:disabled){color:var(--text-main)}.fade-in{animation:.3s ease-out forwards fadeIn}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card{background-color:var(--bg-surface);border-radius:12px;flex-direction:column;gap:10px;padding:20px;display:flex;box-shadow:0 4px 10px #00000005}.stat-card-header{justify-content:space-between;align-items:center;display:flex}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.stat-card-icon-box{color:var(--text-muted);opacity:.7;justify-content:center;align-items:center;display:flex}.stat-card-icon-box.primary,.stat-card-icon-box.success,.stat-card-icon-box.warning,.stat-card-icon-box.info{color:var(--text-muted)}.stat-card-value{color:var(--text-main);letter-spacing:-.5px;font-size:28px;font-weight:700}.stat-card-footer{align-items:center;gap:6px;font-size:12px;display:flex}.trend-up{color:#10b981;align-items:center;font-weight:600;display:flex}.trend-warn{color:#f59e0b;font-weight:600}.trend-label{color:var(--text-muted)}.audit-section{background-color:var(--bg-surface);border-radius:12px;padding:24px;box-shadow:0 4px 10px #00000005}.audit-title{color:var(--text-main);margin:0 0 20px;font-size:16px;font-weight:700}.table-responsive{width:100%;overflow-x:auto}.audit-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.audit-table th{color:var(--text-muted);border-bottom:1px solid var(--nav-border);text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;font-size:10.5px;font-weight:500}.audit-table td{border-bottom:1px solid var(--nav-border);color:var(--text-main);vertical-align:middle;padding:12px 14px;font-size:13px}.audit-table tr:last-child td{border-bottom:none}.log-time{color:var(--text-muted);font-weight:500}.log-quality{font-weight:600}.log-url{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.log-size{color:var(--text-muted)}.badge-platform{border:1px solid #0000;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500;display:inline-block}.badge-platform.youtube{color:#ef4444;background-color:#ef44440d;border-color:#ef444426}.badge-platform.instagram{color:#ec4899;background-color:#ec48990d;border-color:#ec489926}.badge-platform.tiktok,.badge-platform.x{color:var(--text-main);border-color:var(--nav-border);background-color:#ffffff08}.badge-platform.facebook{color:#3b82f6;background-color:#3b82f60d;border-color:#3b82f626}.badge-platform.vimeo{color:#06b6d4;background-color:#06b6d40d;border-color:#06b6d426}.badge-platform.generic{color:#6b7280;background-color:#6b72800d;border-color:#6b728026}.badge-status{color:var(--text-main);text-transform:capitalize;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.badge-status:before{content:"";border-radius:50%;width:6px;height:6px;display:inline-block}.badge-status.success:before{background-color:#10b981;box-shadow:0 0 8px #10b98166}.badge-status.failed:before{background-color:#ef4444;box-shadow:0 0 8px #ef444466}@media (width<=1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stats-grid{grid-template-columns:1fr}}.scraper-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.scraper-card{background-color:var(--bg-surface);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex;position:relative;box-shadow:0 4px 10px #00000005}.scraper-card-header{justify-content:space-between;align-items:center;display:flex}.scraper-card-name{color:var(--text-main);margin:0;font-size:13.5px;font-weight:700}.scraper-status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.scraper-status-dot.healthy{background-color:#10b981;box-shadow:0 0 8px #10b98166}.scraper-status-dot.warning{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b66}.scraper-status-dot.broken{background-color:#ef4444;box-shadow:0 0 8px #ef444466}.scraper-metrics{flex-direction:column;gap:8px;font-size:12.5px;display:flex}.scraper-metric-row{justify-content:space-between;align-items:center;display:flex}.metric-label{color:var(--text-muted)}.metric-value{color:var(--text-main);font-weight:600}.scraper-alert{color:#f59e0b;background-color:#f59e0b0d;border:1px solid #f59e0b26;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:500;display:flex}.scraper-details-layout{width:100%}.scraper-headers-container{background-color:var(--bg-surface);border-radius:12px;flex-direction:column;padding:24px;display:flex;box-shadow:0 4px 10px #00000005}.headers-form{flex-direction:column;gap:20px;margin-top:12px;display:flex}.headers-group{flex-direction:column;gap:8px;display:flex}.headers-label{color:var(--text-main);font-size:12px;font-weight:600}.headers-textarea{background-color:var(--bg-input);border:1px solid var(--nav-border);width:100%;color:var(--text-main);resize:vertical;border-radius:8px;outline:none;padding:16px;font-family:monospace;font-size:12.5px;line-height:1.5;transition:border-color .2s}.headers-textarea:focus{border-color:var(--color-primary)}@media (width<=1000px){.scraper-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.scraper-grid{grid-template-columns:1fr}}.monetization-layout{max-width:800px;margin:0 auto}.sponsors-container{background-color:var(--bg-surface);border-radius:12px;flex-direction:column;padding:24px;display:flex;box-shadow:0 4px 10px #00000005}.sponsors-list{flex-direction:column;gap:16px;margin-top:12px;display:flex}.sponsor-card-row{background-color:var(--bg-input);border-radius:8px;align-items:center;gap:16px;padding:12px;transition:all .2s;display:flex}.sponsor-card-row:hover{transform:translateY(-1px)}.sponsor-logo-box{background-color:var(--bg-surface);border-radius:6px;justify-content:center;align-items:center;width:100px;height:50px;display:flex;overflow:hidden}.sponsor-preview-img{object-fit:cover;width:100%;height:100%}.sponsor-edit-details{text-align:left;flex-direction:column;flex:1;gap:4px;display:flex}.sponsor-edit-title{color:var(--text-main);font-size:14px;font-weight:600}.sponsor-edit-meta{color:var(--text-muted);font-size:12px}.sponsor-edit-actions{gap:8px;display:flex}.btn-icon-edit,.btn-icon-delete{border:1px solid var(--nav-border);background-color:var(--bg-surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon-edit:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-icon-delete:hover{color:#ef4444;border-color:#ef4444}.empty-state{text-align:center;color:var(--text-muted);padding:24px 0;font-size:13.5px;font-style:italic}.modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg-surface);text-align:left;border-radius:12px;flex-direction:column;gap:20px;width:90%;max-width:440px;padding:24px;display:flex;box-shadow:0 10px 30px #0003}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--text-main);font-size:16px;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.modal-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-main);font-size:12.5px;font-weight:600}.form-input{background-color:var(--bg-input);color:var(--text-main);border:1px solid var(--nav-border);border-radius:8px;outline:none;padding:10px 12px;font-size:13.5px;transition:border-color .2s}.form-input:focus{border-color:var(--color-primary)}.form-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.btn-cancel{color:var(--text-muted);cursor:pointer;background-color:#0000;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel:hover{background-color:var(--bg-input);color:var(--text-main)}.cache-layout{grid-template-columns:1fr 1.1fr;gap:24px;display:grid}.cache-stats-container,.cache-files-container{background-color:var(--bg-surface);border-radius:12px;flex-direction:column;padding:24px;display:flex}.disk-gauge-section{justify-content:center;align-items:center;gap:40px;margin:16px 0;display:flex}.disk-gauge-circle{width:140px;height:140px}.circular-chart{max-width:100%;max-height:100%;display:block}.circle-bg{fill:none;stroke:var(--bg-input);stroke-width:2.8px}.circle{fill:none;stroke:var(--color-primary);stroke-width:2.8px;stroke-linecap:round;transition:stroke-dasharray .3s}.percentage{fill:var(--text-main);text-anchor:middle;font-family:Plus Jakarta Sans,sans-serif;font-size:8px;font-weight:700}.disk-gauge-labels{text-align:left;flex-direction:column;gap:16px;display:flex}.gauge-label-col{align-items:center;gap:12px;display:flex}.label-dot{border-radius:50%;width:10px;height:10px}.label-dot.used{background-color:var(--color-primary)}.label-dot.free{background-color:var(--bg-input);border:1px solid var(--nav-border)}.label-text-box{flex-direction:column;gap:2px;display:flex}.label-title{color:var(--text-muted);font-size:11.5px}.label-value{color:var(--text-main);font-size:15px;font-weight:700}.cache-divider{background-color:var(--nav-border);border:none;height:1px;margin:20px 0}.purge-rules-form{text-align:left;flex-direction:column;gap:4px;display:flex}.purge-rules-title{color:var(--text-main);margin:0;font-size:13.5px;font-weight:700}.purge-rules-desc{color:var(--text-muted);margin:0 0 16px;font-size:11.5px}.purge-input-row{align-items:center;gap:20px;display:flex}.purge-slider-wrapper{flex-direction:column;flex:1;gap:8px;display:flex}.purge-range-slider{-webkit-appearance:none;background:var(--bg-input);border-radius:3px;outline:none;width:100%;height:6px}.purge-range-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;width:18px;height:18px;box-shadow:0 2px 6px rgba(var(--color-primary-rgb), .3);border-radius:50%;transition:transform .1s}.purge-range-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.purge-range-labels{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.active-label{color:var(--color-primary);font-weight:700}.cache-files-list{flex-direction:column;gap:12px;display:flex}.cache-file-item{background-color:var(--bg-input);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.cache-file-icon-box{color:var(--text-muted);display:flex}.cache-file-details{text-align:left;flex-direction:column;flex:1;gap:2px;display:flex}.cache-file-name{color:var(--text-main);word-break:break-all;text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-size:13px;font-weight:600;overflow:hidden}.cache-file-meta{color:var(--text-muted);font-size:11.5px}.empty-cache-message{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;padding:60px 20px;font-size:13px;display:flex}@media (width<=900px){.cache-layout{grid-template-columns:1fr}}.settings-layout{max-width:600px;margin:0 auto}.settings-forms-col{flex-direction:column;gap:24px;display:flex}.settings-card{background-color:var(--bg-surface);border-radius:12px;flex-direction:column;padding:24px;display:flex;box-shadow:0 4px 10px #00000005}.settings-form{text-align:left;flex-direction:column;gap:16px;display:flex}.form-group-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=500px){.form-group-row{grid-template-columns:1fr}}.settings-textarea{background-color:var(--bg-input);border:1px solid var(--nav-border);width:100%;color:var(--text-main);resize:vertical;border-radius:8px;outline:none;padding:12px 16px;font-family:monospace;font-size:13px;line-height:1.5;transition:all .2s}.settings-textarea:focus{border-color:var(--color-primary)}.tfa-badge{color:#10b981;background-color:#10b9811a;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:20px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.tfa-status-desc{color:var(--text-muted);margin-bottom:16px;font-size:13px;line-height:1.6}.tfa-sub-title{color:var(--text-main);margin:0 0 8px;font-size:14px;font-weight:600}.tfa-disable-form{border-top:1px solid var(--nav-border);margin-top:10px;padding-top:20px}.tfa-setup-layout{align-items:flex-start;gap:24px;margin-top:16px;display:flex}@media (width<=600px){.tfa-setup-layout{flex-direction:column;align-items:center}}.tfa-qr-box{border:1px solid var(--nav-border);background-color:#fff;border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex;box-shadow:0 4px 12px #0000000d}.tfa-qr-img{width:140px;height:140px;display:block}.tfa-setup-details{flex-direction:column;flex:1;gap:16px;width:100%;display:flex}.tfa-key-display{background-color:var(--bg-input);border:1px dashed var(--nav-border);color:var(--text-main);letter-spacing:1.5px;text-align:center;-webkit-user-select:all;user-select:all;border-radius:8px;padding:10px 14px;font-family:monospace;font-size:14px;font-weight:600}.tfa-buttons-row{gap:12px;margin-top:8px;display:flex}.admin-btn-danger{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.admin-btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.code-injector-layout{max-width:800px;margin:0 auto}.code-injector-form-wrapper{flex-direction:column;gap:24px;display:flex}.code-settings-card{background-color:var(--bg-surface);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 4px 10px #00000005}.card-title-row{color:var(--color-primary);align-items:center;gap:8px;margin-bottom:-4px;display:flex}.card-title-icon{color:var(--color-primary)}.ad-toggle-row{justify-content:space-between;align-items:center;display:flex}.ad-toggle-title{color:var(--text-main);margin-bottom:4px;font-size:14.5px;font-weight:600}.ad-toggle-desc{color:var(--text-muted);font-size:12.5px}.ad-script-group{flex-direction:column;gap:8px;display:flex}.ad-script-label{color:var(--text-main);font-size:12.5px;font-weight:600}.ad-script-textarea{background-color:var(--bg-input);color:var(--text-main);border:1px solid var(--nav-border);resize:vertical;border-radius:8px;outline:none;padding:12px;font-size:13px;transition:all .2s}.ad-script-textarea:focus{border-color:var(--color-primary)}.ad-script-textarea.code-font{font-family:Consolas,Courier New,Courier,monospace}.ad-script-textarea:disabled{opacity:.5;cursor:not-allowed;background-color:#0000000d}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--bg-input);border:1px solid var(--nav-border);border-radius:34px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-muted);border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--bg-active);border-color:#ff52004d}input:checked+.slider:before{background-color:var(--color-primary);transform:translate(20px)}.code-actions-row{align-items:center;gap:20px;margin-top:10px;display:flex}.code-info-bubble{color:var(--text-muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.terminal-tabs-row{border-bottom:1px solid var(--nav-border);gap:12px;margin-bottom:24px;padding-bottom:12px;display:flex}.terminal-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.terminal-tab-btn:hover{background-color:var(--bg-input);color:var(--text-main)}.terminal-tab-btn.active{background-color:var(--bg-active);color:var(--color-primary);border-color:#ff520033}.terminal-viewport-wrapper{background-color:#0000}.logs-tab-content{animation:.2s ease-out forwards tabFadeIn}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.terminal-tester-panel{grid-template-columns:1fr 1.3fr;gap:24px;display:grid}@media (width<=900px){.terminal-tester-panel{grid-template-columns:1fr}}.tester-form-col{background-color:var(--bg-surface);border-radius:12px;flex-direction:column;padding:24px;display:flex}.terminal-tester-form{flex-direction:column;gap:16px;margin-top:12px;display:flex}.terminal-tester-input{background-color:var(--bg-input);color:var(--text-main);border:1px solid var(--nav-border);border-radius:8px;outline:none;padding:12px;font-size:13px;transition:border-color .2s}.terminal-tester-input:focus{border-color:var(--color-primary)}.terminal-console-screen,.console-screen-dark{background-color:#0b0b0d;border-radius:12px;flex-direction:column;height:320px;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000040}.console-header{background-color:#16161a;border-bottom:1px solid #ffffff0d;align-items:center;gap:6px;height:36px;min-height:36px;padding:0 16px;display:flex}.console-dot{border-radius:50%;width:10px;height:10px}.console-dot.red{background-color:#ff5f56}.console-dot.yellow{background-color:#ffbd2e}.console-dot.green{background-color:#27c93f}.console-title{color:#86868b;margin-left:12px;font-family:Consolas,monospace;font-size:11px}.console-body{color:#e4e4e7;text-align:left;flex-grow:1;padding:16px;font-family:Consolas,Monaco,Lucida Console,Courier,monospace;font-size:12px;line-height:1.6;overflow-y:auto}.console-line{white-space:pre-wrap;word-break:break-all;margin-bottom:6px}.console-line.success{color:#4ade80}.console-line.error{color:#f87171}.console-placeholder{color:#71717a;justify-content:center;align-items:center;height:100%;font-size:12.5px;font-style:italic;display:flex}.console-cursor{vertical-align:middle;background-color:#4ade80;width:6px;height:12px;margin-left:4px;animation:.8s infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.pm2-logs-panel{background-color:var(--bg-surface);border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex}.pm2-header-row{justify-content:space-between;align-items:center;display:flex}.pm2-console{height:360px}.pm2-log-line{white-space:pre-wrap;word-break:break-all;margin-bottom:6px;font-size:11.5px}.pm2-timestamp{color:#3b82f6;margin-right:8px;font-weight:600}.pm2-text{color:#e4e4e7}.loading-indicator{color:#a1a1aa;margin-top:8px;font-style:italic}.admin-container{background-color:var(--bg-page);width:100vw;height:100vh;color:var(--text-main);transition:background-color .3s,color .3s;display:flex;overflow:hidden}.admin-sidebar{background-color:var(--bg-surface);border-right:1px solid var(--nav-border);width:260px;min-width:260px;height:100%;padding:var(--space-md);z-index:100;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar-toggle-btn{background-color:var(--bg-surface);border:1px solid var(--nav-border);width:22px;height:22px;color:var(--text-muted);cursor:pointer;z-index:110;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:24px;right:-11px;box-shadow:0 2px 6px #0000001a}.sidebar-toggle-btn:hover{background-color:var(--bg-input);color:var(--color-primary);border-color:var(--color-primary);transform:scale(1.05)}.sidebar-toggle-btn svg{display:block}.admin-sidebar.collapsed{width:68px;min-width:68px;padding:var(--space-md) 10px}.admin-sidebar.collapsed .admin-sidebar-logo-row{padding:var(--space-sm) 0;justify-content:center;gap:0}.admin-sidebar.collapsed .sidebar-group-label{display:none}.admin-sidebar.collapsed .admin-nav-item{border-left:3px solid #0000;border-radius:8px;justify-content:center;margin:0;padding:10px 0}.admin-sidebar.collapsed .admin-nav-item.active{border-left-color:var(--color-primary);border-radius:8px;padding-left:0}.admin-sidebar.collapsed .admin-sidebar-logout-btn{justify-content:center;padding:12px 0}.admin-sidebar-logo-row{padding:var(--space-sm) 0 var(--space-md) 0;border-bottom:1px solid var(--nav-border);margin-bottom:var(--space-md);align-items:center;gap:12px;display:flex}.admin-sidebar-logo-circle{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));width:38px;height:38px;color:var(--color-pure-white);border-radius:10px;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 10px #ff520040}.admin-sidebar-logo-text{letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-main), var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px;font-weight:700}.admin-sidebar-nav{flex-direction:column;flex-grow:1;gap:4px;display:flex}.sidebar-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);opacity:.5;margin:18px 0 6px 12px;font-size:10.5px;font-weight:700}.sidebar-group-label:first-child{margin-top:6px}.admin-nav-item{color:var(--text-muted);border-left:3px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.admin-nav-item svg{color:var(--text-muted);transition:color .15s}.admin-nav-item:hover{background-color:var(--bg-input);color:var(--text-main)}.admin-nav-item:hover svg{color:var(--text-main)}.admin-nav-item.active{background-color:var(--bg-active);color:var(--color-primary);border-left-color:var(--color-primary);border-radius:0 8px 8px 0;padding-left:9px;font-weight:600}.admin-nav-item.active svg{color:var(--color-primary)}.admin-sidebar-footer{padding-top:var(--space-md);border-top:1px solid var(--nav-border)}.admin-sidebar-logout-btn{color:#ff5200;cursor:pointer;background-color:#ff520014;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.admin-sidebar-logout-btn:hover{color:#fff;background-color:#ff5200;box-shadow:0 4px 12px #ff520033}.admin-main-wrapper{flex-direction:column;flex-grow:1;height:100%;display:flex;overflow:hidden}.admin-topnav{background-color:var(--bg-page);height:70px;min-height:70px;padding:0 var(--space-lg);z-index:99;border-bottom:none;justify-content:space-between;align-items:center;transition:background-color .3s;display:flex}.admin-topnav-title{letter-spacing:-.5px;color:var(--text-main);font-size:22px;font-weight:700}.admin-topnav-actions{align-items:center;gap:16px;display:flex}.topnav-action-btn{background-color:var(--bg-input);width:42px;height:42px;color:var(--text-main);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.topnav-action-btn:hover{background-color:var(--bg-active);color:var(--color-primary);border-color:#ff520033;transform:translateY(-1px)}.topnav-action-btn.active{background-color:var(--bg-active);color:var(--color-primary)}.topnav-notification-wrapper{position:relative}.notification-badge{border:2px solid var(--bg-surface);background-color:#ff3b30;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.notification-menu-overlay{z-index:999;width:100vw;height:100vh;position:fixed;top:0;left:0}.notification-menu{background-color:var(--bg-surface);border:1px solid var(--nav-border);z-index:1000;border-radius:16px;width:320px;animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdownFadeIn;position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 10px 30px #00000026}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notification-menu-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--nav-border);color:var(--text-main);font-size:15px;font-weight:700}.notification-list{max-height:280px;overflow-y:auto}.notification-item{padding:14px var(--space-md);border-bottom:1px solid var(--nav-border);cursor:pointer;transition:background-color .2s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--bg-input)}.notification-text{color:var(--text-main);margin-bottom:4px;font-size:13.5px;line-height:1.4}.notification-time{color:var(--text-muted);font-size:11px}.admin-profile-badge{background-color:var(--bg-input);border:1px solid var(--nav-border);border-radius:30px;align-items:center;gap:10px;padding:6px 12px 6px 8px;display:flex}.admin-profile-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.admin-profile-name{color:var(--text-main);font-size:13.5px;font-weight:600}.admin-viewport{padding:var(--space-lg);background-color:var(--bg-page);flex-grow:1;transition:background-color .3s;overflow-y:auto}@media (width<=900px){.admin-sidebar{width:80px;min-width:80px;padding:var(--space-sm)}.admin-sidebar-logo-text,.admin-nav-item span,.admin-sidebar-logout-btn span,.admin-profile-name{display:none}.admin-sidebar-logo-row{justify-content:center}.admin-nav-item{justify-content:center;padding:12px}.admin-sidebar-logout-btn{padding:12px}}@media (width<=600px){.admin-container{flex-direction:column}.admin-sidebar{border-right:none;border-bottom:1px solid var(--nav-border);width:100%;height:auto;padding:var(--space-xs) var(--space-sm);flex-direction:row;justify-content:space-between;align-items:center}.admin-sidebar-logo-row{border-bottom:none;margin-bottom:0;padding:0}.admin-sidebar-nav{flex-direction:row;flex-grow:0;gap:4px}.admin-sidebar-footer{display:none}.admin-nav-item{padding:8px}.admin-topnav{padding:0 var(--space-sm);height:60px;min-height:60px}.admin-topnav-title{font-size:18px}.admin-viewport{padding:var(--space-md)}}.admin-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.admin-page-title{color:var(--text-main);letter-spacing:-.5px;margin-bottom:4px;font-size:24px;font-weight:700}.admin-page-subtitle{color:var(--text-muted);font-size:14px}.section-title{color:var(--text-main);margin-bottom:6px;font-size:18px;font-weight:700}.section-desc{color:var(--text-muted);margin-bottom:20px;font-size:13.5px;line-height:1.5}.admin-btn-primary{background-color:var(--color-primary);color:var(--color-pure-white);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #ff520033}.admin-btn-primary:hover:not(:disabled){background-color:var(--color-secondary);transform:translateY(-1px);box-shadow:0 6px 16px #ff52004d}.admin-btn-primary:disabled{opacity:.6;cursor:not-allowed}.admin-btn-secondary{background-color:var(--bg-input);border:1px solid var(--nav-border);color:var(--text-main);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.admin-btn-secondary:hover:not(:disabled){background-color:var(--bg-active);color:var(--color-primary);border-color:#ff520033;transform:translateY(-1px)}.admin-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.admin-btn-secondary.danger{color:#ef4444}.admin-btn-secondary.danger:hover:not(:disabled){color:#ef4444;background-color:#ef444414;border-color:#ef444433}.spin{animation:1s linear infinite loadingSpin}@keyframes loadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=600px){.admin-page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}.admin-btn-primary,.admin-btn-secondary{width:100%;padding:12px}}.admin-page-tabs{border-bottom:1px solid var(--nav-border);gap:24px;margin-bottom:24px;padding-bottom:0;display:flex}.admin-page-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;outline:none;margin-bottom:-1px;padding:10px 4px;font-size:14px;font-weight:600;transition:all .2s}.admin-page-tab-btn:hover{color:var(--text-main)}.admin-page-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}