@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--background:#0a0a0c;--foreground:#fff;--primary:#25d366;--primary-dark:#128c7e;--accent:#7c3aed;--card-bg:#ffffff08;--card-border:#ffffff14;--glass-bg:#0f0f14b3;--glass-border:#ffffff1a;--sidebar-width:280px;--font-main:"Inter",system-ui,-apple-system,sans-serif;--font-heading:"Outfit",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-main);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--glass-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 0 20px #25d3661a}button{cursor:pointer;border:none;outline:none;font-family:inherit}.primary-btn{background:var(--primary);color:#000;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.primary-btn:hover{background:#1ebe5a;box-shadow:0 0 15px #25d36666}.secondary-btn{background:var(--card-bg);color:var(--foreground);border:1px solid var(--card-border);border-radius:12px;padding:12px 24px;font-weight:500;transition:all .2s}.secondary-btn:hover{border-color:var(--glass-border);background:#ffffff14}
.Sidebar-module__WZVnLW__sidebar{width:var(--sidebar-width);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);z-index:100;flex-direction:column;height:100vh;padding:32px 24px;display:flex;position:fixed;top:0;left:0}.Sidebar-module__WZVnLW__logo{align-items:center;gap:12px;margin-bottom:48px;display:flex}.Sidebar-module__WZVnLW__logoIcon{background:#25d3661a;border:1px solid #25d36633;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.Sidebar-module__WZVnLW__logoText{font-family:var(--font-heading);letter-spacing:-.5px;font-size:24px;font-weight:700}.Sidebar-module__WZVnLW__dot{color:var(--primary)}.Sidebar-module__WZVnLW__nav{flex-direction:column;flex:1;gap:8px;display:flex}.Sidebar-module__WZVnLW__navItem{color:#fff9;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.Sidebar-module__WZVnLW__navItem:hover{color:var(--foreground);background:#ffffff0d}.Sidebar-module__WZVnLW__active{color:var(--primary);background:#25d36614}.Sidebar-module__WZVnLW__footer{margin-top:auto}.Sidebar-module__WZVnLW__apiStatus{color:#25d366;background:#25d3660d;border:1px solid #25d3661a;border-radius:12px;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}