@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--color-bg-primary:#090d16;--color-bg-secondary:#0f1729;--color-bg-tertiary:#1a2338;--color-bg-card:rgba(15,23,41,.8);--color-bg-glass:rgba(30,41,59,.5);--color-bg-hover:rgba(51,65,85,.4);--color-surface-1:#111827;--color-surface-2:#1e293b;--color-surface-3:#334155;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-accent:#818cf8;--color-brand-primary:#6366f1;--color-brand-hover:#818cf8;--color-brand-glow:rgba(99,102,241,.3);--color-brand-gradient:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);--color-brand-gradient-hover:linear-gradient(135deg,#818cf8,#a78bfa,#c4b5fd);--color-success:#22c55e;--color-success-bg:rgba(34,197,94,.12);--color-error:#ef4444;--color-error-bg:rgba(239,68,68,.12);--color-warning:#f59e0b;--color-warning-bg:rgba(245,158,11,.12);--color-info:#3b82f6;--color-info-bg:rgba(59,130,246,.12);--color-facebook:#1877f2;--color-youtube:red;--color-tiktok:#010101;--color-tiktok-accent:#25f4ee;--color-border:rgba(148,163,184,.1);--color-border-hover:rgba(148,163,184,.2);--color-border-focus:rgba(99,102,241,.5);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--shadow-glow:0 0 20px rgba(99,102,241,.15);--shadow-card:0 4px 24px rgba(0,0,0,.3),0 0 0 1px rgba(148,163,184,.05);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--sidebar-width:260px;--sidebar-collapsed:72px;--font-family:"Inter",system-ui,-apple-system,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.8125rem;--font-size-md:0.875rem;--font-size-lg:1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}a{color:var(--color-brand-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-brand-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app-layout{display:flex;min-height:100vh;position:relative}.main-content{flex:1 1;margin-left:var(--sidebar-width);padding:var(--space-xl);padding-top:calc(var(--space-xl) + 16px);min-height:100vh;transition:margin-left var(--transition-normal);overflow-y:auto}@media (max-width:1024px){.main-content{margin-left:0;padding:var(--space-md);padding-top:72px}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100;transition:transform var(--transition-normal);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}.sidebar-logo{padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--color-border)}.sidebar-logo h1{font-size:var(--font-size-base);font-weight:700;line-height:1.25;background:var(--color-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1 1;flex-direction:column;gap:var(--space-xs)}.nav-item,.sidebar-nav{padding:var(--space-md);display:flex}.nav-item{align-items:center;gap:var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:500;border:1px solid transparent;text-decoration:none}.nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item.active{background:var(--color-brand-glow);color:var(--color-brand-hover);border-color:rgba(99,102,241,.2)}.nav-item svg{width:20px;height:20px;flex-shrink:0}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--color-border)}.page-header{margin-bottom:var(--space-xl)}.page-header h2{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-xs)}.page-header p{color:var(--color-text-secondary);font-size:var(--font-size-md)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card);transition:all var(--transition-fast)}.card:hover{border-color:var(--color-border-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.card-title{font-size:var(--font-size-lg);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-brand-gradient);opacity:0;transition:opacity var(--transition-fast)}.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-value{font-size:var(--font-size-3xl);font-weight:800;background:var(--color-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-change{font-size:var(--font-size-xs);margin-top:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs)}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-error)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-brand-gradient);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(99,102,241,.3)}.btn-primary:hover:not(:disabled){background:var(--color-brand-gradient-hover);box-shadow:0 4px 16px rgba(99,102,241,.4);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-3);border-color:var(--color-border-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-danger{background:var(--color-error-bg);color:var(--color-error);border-color:rgba(239,68,68,.2)}.btn-danger:hover:not(:disabled){background:rgba(239,68,68,.2)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg)}.input,.select,.textarea{width:100%;padding:var(--space-md);background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);font-family:var(--font-family);transition:all var(--transition-fast);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.textarea{resize:vertical;min-height:120px;line-height:1.6}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;margin-bottom:var(--space-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-facebook{background:rgba(24,119,242,.15);color:var(--color-facebook)}.badge-youtube{background:rgba(255,0,0,.12);color:var(--color-youtube)}.badge-tiktok{background:rgba(37,244,238,.12);color:var(--color-tiktok-accent)}.toast{position:fixed;top:var(--space-lg);right:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;gap:var(--space-md);z-index:9999;animation:slideIn .3s ease-out,fadeOut .5s ease-in 4.5s forwards;box-shadow:var(--shadow-lg);font-weight:600;font-size:var(--font-size-md);max-width:420px}.toast-success{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);color:var(--color-success)}.toast-error{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:var(--color-error)}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}.platform-toggle{flex-wrap:wrap}.platform-chip,.platform-toggle{display:flex;gap:var(--space-sm)}.platform-chip{align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface-1);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.platform-chip:hover{border-color:var(--color-border-hover)}.platform-chip.selected{border-color:var(--color-brand-primary);background:var(--color-brand-glow);color:var(--color-text-primary)}.platform-chip.facebook.selected{border-color:var(--color-facebook);background:rgba(24,119,242,.12)}.platform-chip.youtube.selected{border-color:var(--color-youtube);background:rgba(255,0,0,.1)}.platform-chip.tiktok.selected{border-color:var(--color-tiktok-accent);background:rgba(37,244,238,.1)}.glow-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(160px);opacity:.08;z-index:0}.glow-orb-1{top:-10%;left:-10%;width:500px;height:500px;background:var(--color-brand-primary)}.glow-orb-2{bottom:-15%;right:-10%;width:400px;height:400px;background:#8b5cf6}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--space-md)}.grid-2,.grid-3{display:grid;gap:var(--space-md)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-surface-3);border-top-color:var(--color-brand-primary);border-radius:50%;animation:spin .6s linear infinite}.avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border)}.avatar-sm{width:32px;height:32px}.avatar-lg{width:56px;height:56px}.titlebar-drag{position:fixed;top:0;left:0;right:0;height:40px;-webkit-app-region:drag;z-index:999;pointer-events:auto}.titlebar-drag a,.titlebar-drag button,.titlebar-drag input{-webkit-app-region:no-drag}.mobile-menu-btn{display:none;position:fixed;top:var(--space-md);left:var(--space-md);z-index:200;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);color:var(--color-text-primary);cursor:pointer}@media (max-width:1024px){.mobile-menu-btn{display:flex}}.sidebar-overlay{display:none}@media (max-width:1024px){.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes float1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,30px) scale(1.15)}66%{transform:translate(30px,-40px) scale(.85)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,40px) scale(1.08)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}input::placeholder{color:rgba(148,163,184,.6)}input:focus{outline:none;border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.15),0 0 20px rgba(99,102,241,.1)!important}button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px rgba(99,102,241,.4)}button[type=submit]:active:not(:disabled){transform:translateY(0)}