@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--primary-hue:239;--primary-sat:84%;--primary-light:67%;--primary:hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));--primary-hover:hsl(var(--primary-hue), var(--primary-sat), calc(var(--primary-light) - 10%));--primary-lightest:#e0e7ff;--accent-purple:#8b5cf6;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--bg-page:#f8fafc;--bg-card:#fff;--bg-header:#fff;--bg-footer:#0f172a;--text-main:#0f172a;--text-sub:#64748b;--text-white:#fff;--border-main:#e2e8f0;--bg-input:#f1f5f9;--bg-input-focus:#fff;--shadow-color:#0000000d;--shadow-sm:0 1px 2px 0 var(--shadow-color);--shadow-md:0 4px 6px -1px var(--shadow-color), 0 2px 4px -1px var(--shadow-color);--shadow-lg:0 10px 15px -3px var(--shadow-color), 0 4px 6px -2px var(--shadow-color);--shadow-glow:0 0 20px #6366f126;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.1s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s ease}[data-theme=dark]{--bg-page:#0b0f19;--bg-card:#161e2e;--bg-header:#111827;--bg-footer:#080c14;--text-main:#f8fafc;--text-sub:#94a3b8;--border-main:#1f2937;--bg-input:#1e293b;--bg-input-focus:#0f172a;--shadow-color:#0000004d;--primary-lightest:#1e1b4b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal), color var(--transition-normal);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}img{max-width:100%;height:auto;display:block}.app-container{background-color:var(--bg-page);min-height:100vh;transition:background-color var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.social-sidebar{z-index:100;background:var(--bg-card);border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:var(--shadow-md);border:1px solid var(--border-main);transition:background var(--transition-normal), border var(--transition-normal);flex-direction:column;gap:8px;padding:10px 5px 10px 3px;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.social-icon{width:36px;height:36px;color:var(--text-sub);transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-icon:hover{color:var(--primary);background-color:var(--primary-lightest);transform:scale(1.1)translate(2px)}.btn{border-radius:var(--radius-md);transition:all var(--transition-normal);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 6px -1px #6366f133,0 2px 4px -1px #6366f11a}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #6366f14d}.btn-secondary{background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border-main);transition:background-color var(--transition-normal), color var(--transition-normal), border var(--transition-normal)}.btn-secondary:hover{background-color:var(--bg-input);border-color:var(--border-main)}.card{background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-main);transition:all var(--transition-normal);padding:20px}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-main)}.badge{border-radius:var(--radius-sm);align-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-info{background-color:var(--primary-lightest);color:var(--primary);transition:background-color var(--transition-normal)}.badge-success{color:var(--accent-emerald);background-color:#ecfdf5}.main-header{background-color:var(--bg-header);color:var(--text-main);border-bottom:1px solid var(--border-main);z-index:90;transition:background-color var(--transition-normal), border var(--transition-normal);position:sticky;top:0;box-shadow:0 1px 3px #00000008}.main-footer{background-color:var(--bg-footer);color:#94a3b8;border-top:1px solid var(--border-main);transition:background-color var(--transition-normal), border var(--transition-normal);margin-top:auto;padding:50px 0 25px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-sub)}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr!important}}@media (max-width:900px){.login-banner{display:none!important}}