@keyframes skeleton-shimmer{0%{background-position:200%0}to{background-position:-200%0}}:root{--bg:#0a0d17;--bg-secondary:#0f1424;--surface:#141a31;--surface-hover:#1a2140;--surface-elevated:#1f274a;--surface-active:#27315a;--border:rgba(255, 255, 255, 0.12);--border-hover:rgba(255, 255, 255, 0.18);--border-strong:rgba(255, 255, 255, 0.22);--border-focus:var(--accent);--text-primary:#f5f7ff;--text-secondary:#aab2d1;--text-muted:#7781a8;--text-disabled:#535a7d;--accent:#7c5cff;--accent-hover:#8f73ff;--accent-active:#6a46ff;--accent-muted:rgba(124, 92, 255, 0.18);--accent-glow:rgba(124, 92, 255, 0.35);--success:#22c55e;--success-muted:rgba(34, 197, 94, 0.15);--danger:#ef4444;--danger-muted:rgba(239, 68, 68, 0.15);--warning:#f59e0b;--warning-muted:rgba(245, 158, 11, 0.15);--info:#3b82f6;--info-muted:rgba(59, 130, 246, 0.15);--glass:rgba(255, 255, 255, 0.03);--glass-hover:rgba(255, 255, 255, 0.06);--glass-strong:rgba(255, 255, 255, 0.1);--header-height:64px;--header-bg:rgba(11, 15, 26, 0.95);--sidebar-bg:var(--bg-secondary);--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-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8);--space-2xl:var(--space-12);--font-sans:'Sora', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, monospace;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-size-xs:var(--text-xs);--font-size-sm:var(--text-sm);--font-size-base:var(--text-base);--font-size-md:var(--text-md);--font-size-lg:var(--text-lg);--font-size-xl:var(--text-xl);--font-size-2xl:var(--text-2xl);--line-height:var(--leading-relaxed);--radius-sm:8px;--radius:10px;--radius-md:12px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.25);--shadow-sm:0 2px 6px rgba(0, 0, 0, 0.28);--shadow-md:0 6px 16px rgba(0, 0, 0, 0.32);--shadow-lg:0 12px 32px rgba(0, 0, 0, 0.36);--shadow-xl:0 20px 56px rgba(0, 0, 0, 0.4);--shadow-glow:0 0 28px var(--accent-glow);--shadow-inner:inset 0 2px 6px rgba(0, 0, 0, 0.25);--shadow-1:var(--shadow-md);--shadow-2:var(--shadow-lg);--shadow-3:var(--shadow-xl);--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--transition-fast:0.15s var(--ease-out);--transition-base:0.2s var(--ease-out);--transition-slow:0.15s var(--ease-out);--max-width:1400px;--content-max-width:1200px;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}*,::after,::before{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;padding-top:var(--header-height,64px)}.card,.dashboard-container,.modal-content,.panel,.tab-content,main,section{max-width:100%;overflow-x:hidden}embed,iframe,img,object,video{max-width:100%;height:auto}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.text-h1,h1.page-title{font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.5px;color:var(--text-primary);margin:0 0 var(--space-sm)}.text-h2,.text-h3,h2.section-title,h3.subsection-title{font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.3px;color:var(--text-primary);margin:0 0 var(--space-sm)}.text-h3,h3.subsection-title{font-size:16px;line-height:1.4;letter-spacing:-.2px;margin:0 0 var(--space-xs)}.text-body{font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary)}.helper-text,.text-muted{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.5}.text-small{font-size:var(--font-size-xs);color:var(--text-muted)}.data-table th,.section-header{border-bottom:1px solid var(--border)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.section-header-content{flex:1;min-width:0}.section-header-title{margin:0;font-size:20px;font-weight:600;color:var(--text-primary);letter-spacing:-.3px}.section-header-desc{margin:4px 0 0;font-size:var(--font-size-sm);color:var(--text-muted)}.section-header-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm)}.data-table thead{position:sticky;top:0;z-index:1}.data-table th{text-align:left;padding:12px 16px;background:var(--surface-elevated);color:var(--text-secondary);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.data-table th:first-child{border-radius:var(--radius-sm)0 0 0}.data-table th:last-child{border-radius:0 var(--radius-sm)0 0}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--glass-light)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:last-child td:first-child{border-radius:0 0 0 var(--radius-sm)}.data-table tbody tr:last-child td:last-child{border-radius:0 0 var(--radius-sm)0}.table-container{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.table-container .data-table tbody tr:last-child td:first-child,.table-container .data-table tbody tr:last-child td:last-child,.table-container .data-table th:first-child,.table-container .data-table th:last-child{border-radius:0}.form-group{margin-bottom:var(--space-md);position:relative}.form-group:last-child{margin-bottom:0}.form-group .field-label{margin-top:0;margin-bottom:6px}.form-group .error-text,.form-group .helper-text{margin-top:4px;font-size:var(--font-size-xs);color:var(--text-muted)}.form-group .error-text{color:var(--danger)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.skeleton{background:linear-gradient(90deg,var(--glass) 0%,var(--glass-light) 50%,var(--glass) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:8px;border-radius:4px}.skeleton-heading{height:24px;width:60%;margin-bottom:12px}.skeleton-button{height:36px;width:100px}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:rgba(10,14,26,.85);backdrop-filter:blur(4px);border-radius:inherit;z-index:10}.loading-text{font-size:var(--font-size-sm);color:var(--text-muted)}body::before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60%at 20% 10%,rgba(108,140,255,.06)0,transparent 60%),radial-gradient(ellipse 60% 50%at 80% 80%,rgba(167,139,250,.05)0,transparent 50%),radial-gradient(ellipse 50% 40%at 50% 50%,rgba(244,114,182,.03)0,transparent 50%);pointer-events:none;z-index:0}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.18)}.app-header,.brand{display:flex;align-items:center}.app-header{position:fixed;top:0;left:0;right:0;height:64px;gap:var(--space-md);padding:0 var(--space-xl);background:rgba(10,13,23,.85);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.12);color:#fff;z-index:100}.app-header::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-glow),transparent)}.brand{gap:14px}.logo{color:var(--accent);flex:0 0 32px;filter:drop-shadow(0 0 8px var(--accent-glow))}.brand-text .name{font-weight:700;font-size:var(--font-size-lg);color:#fff;letter-spacing:-.3px}.brand-text .sub{font-size:var(--font-size-xs);color:rgba(255,255,255,.5);letter-spacing:.5px;text-transform:uppercase}.header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm)}.header-quick-tabs{display:flex;align-items:center;gap:8px;margin-right:16px}.header-tab-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:rgba(255,255,255,.9);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.header-tab-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);transform:translateY(-1px)}.header-tab-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.header-tab-btn span{font-size:16px}.app-header .btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.85);font-size:var(--font-size-sm);padding:7px 14px;border-radius:var(--radius-sm);backdrop-filter:blur(8px)}.app-header .btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25);transform:translateY(-1px);color:#fff}.user-display{font-size:var(--font-size-sm);color:rgba(255,255,255,.65);margin-right:var(--space-sm)}:root{--sidebar-width:260px;--sidebar-collapsed-width:60px}.app-layout{display:flex;min-height:calc(100vh - var(--header-height,64px))}.tab-nav{position:fixed;top:var(--header-height,64px);left:0;bottom:0;width:var(--sidebar-width);display:flex;flex-direction:column;gap:4px;padding:var(--space-md);background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;z-index:15;transition:transform var(--transition-base),width var(--transition-base)}.tab-nav::-webkit-scrollbar{width:4px}.tab-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.main-wrap{flex:1;margin-left:var(--sidebar-width);min-width:0;transition:margin-left var(--transition-base);background:radial-gradient(1200px 800px at 20% -10%,rgba(124,92,255,.18),transparent 60%),radial-gradient(1000px 700px at 80% 10%,rgba(59,130,246,.16),transparent 55%)}.tab-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:0;background:0 0;color:var(--text-secondary);font-family:inherit;font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius);transition:all var(--transition-fast);text-align:left;white-space:nowrap;min-height:40px}.tab-btn:hover{color:var(--text-primary);background:var(--glass-hover)}.tab-btn.active{color:#fff;background:linear-gradient(135deg,rgba(124,92,255,.35),rgba(59,130,246,.25));border:1px solid rgba(124,92,255,.35);font-weight:var(--font-semibold);box-shadow:0 6px 16px rgba(124,92,255,.25)}.tab-icon{flex-shrink:0;font-size:16px;width:20px;text-align:center}.tab-content{display:none}.tab-content.active{display:block;padding:var(--space-8);max-width:100%;width:100%;box-sizing:border-box;overflow-x:auto}.tab-content.active:has(.panel-left){display:flex;flex-direction:row;gap:var(--space-xl);align-items:flex-start}.toggle-all-categories-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 16px);margin:8px;padding:8px 12px;background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .2s ease}.toggle-all-categories-btn:hover{background:var(--glass-strong);color:var(--text)}.toggle-all-categories-btn #toggleAllIcon{transition:transform .2s ease}.toggle-all-categories-btn.all-open #toggleAllIcon{transform:rotate(180deg)}.nav-category{display:flex;flex-direction:column;margin-bottom:4px}.nav-category-header{display:flex;align-items:center;gap:10px;padding:10px 14px;border:0;background:0 0;color:var(--text-primary);font-family:inherit;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-align:left;width:100%}.nav-category-header:hover{background:var(--glass)}.category-icon{flex-shrink:0;font-size:16px;width:20px;text-align:center}.category-title{flex:1;overflow:hidden;text-overflow:ellipsis}.category-arrow{font-size:10px;transition:transform var(--transition-fast);opacity:.5;margin-left:auto}.nav-category-header[aria-expanded=true] .category-arrow{transform:rotate(90deg)}.nav-category-items{display:none;flex-direction:column;padding-left:12px;margin-top:2px;border-left:2px solid var(--border);margin-left:22px}.nav-category-items[style*="display: block"],.nav-category-items[style*="display:block"]{display:flex}.nav-category-items .tab-btn{padding:8px 12px;font-size:13px;color:var(--text-muted)}.nav-category-items .tab-btn:hover{color:var(--text-primary)}.nav-category-items .tab-btn.active{color:var(--accent);background:rgba(108,140,255,.1)}.mobile-menu-close,.mobile-menu-toggle{display:none}@media (max-width:640px){.ads-layout,.dashboard-row,.form-row,.kr-layout,.lb-layout,.quick-actions-grid,.social-feature-layout,.stats-grid,[class*=-grid]:not(.my-sites-grid),[class*=-layout]{grid-template-columns:1fr;display:block}.card,.dashboard-card,.panel,.stat-card{width:100%;margin-bottom:var(--space-md)}.card,.dashboard-container,.panel,.tab-content.active{padding:var(--space-sm)}.page-title,.text-h1,h1{font-size:22px}.section-title,.text-h2,h2{font-size:18px}.text-h3,h3{font-size:16px}.actions .btn,.btn-lg,.btn-primary{width:100%;margin-bottom:var(--space-xs)}.actions,.btn-group,.card-header-actions{flex-direction:column;gap:var(--space-xs)}.field,input,select,textarea{font-size:16px}.card-desc,.page-subtitle,.panel-sub{display:none}}@media (min-width:641px) and (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}}@media (pointer:coarse){.btn,.nav-btn,.tab-btn,a,button,input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}.mobile-menu-toggle,.nav-category-header{min-height:48px}}@media (max-width:600px){.form-row{grid-template-columns:1fr}.tab-content.active{padding:var(--space-sm);padding-bottom:100px}.tab-nav{width:100%;max-width:320px}.mobile-menu-toggle{padding:10px 20px;font-size:13px}}@media (max-width:768px){.brand-text .sub{display:none}.brand-text .name{font-size:var(--font-size-base)}.app-header{padding:0 var(--space-md)}}@media (max-width:900px){.header-quick-tabs{display:none}}@media (max-width:1024px){.tab-content.active:has(.panel-left){flex-direction:column}.tab-content.active{padding:var(--space-md);padding-bottom:100px}.tab-nav{transform:translateX(-100%);width:280px;top:0;padding-top:70px;z-index:1000;box-shadow:4px 0 20px rgba(0,0,0,.3)}.tab-nav.open{transform:translateX(0)}.main-wrap{margin-left:0}.mobile-menu-toggle{display:flex;align-items:center;gap:8px;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 24px;background:var(--accent);color:#fff;border:0;border-radius:30px;font-family:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;z-index:1100;box-shadow:0 4px 20px rgba(108,140,255,.4);transition:all var(--transition-fast)}.mobile-menu-toggle:hover{transform:translateX(-50%) scale(1.05);box-shadow:0 6px 25px rgba(108,140,255,.5)}.hamburger-icon{font-size:18px}.dropdown-arrow{display:none}.mobile-menu-close{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;margin:-8px -8px 12px;background:var(--surface-elevated);border:0;border-bottom:1px solid var(--border);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-radius:0}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999}.sidebar-overlay.visible{display:block}}