:root{--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-tertiary:#252525;--text-primary:#ffffff;--text-secondary:#b3b3b3;--accent-primary:#7e57c2;--accent-secondary:#5c6bc0;--border-color:#333333;--shadow:0 4px 6px rgba(0,0,0,0.2);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.app-container{position:relative;min-height:100vh;display:flex}.main-content-wrapper{transition:var(--transition);padding:1rem;flex:1}.main-content{max-width:1200px;margin:0 auto}.content-section{padding:2rem 0}a{text-decoration:none;color:var(--text-secondary);transition:var(--transition)}a:hover{color:var(--accent-primary)}button{font-family:inherit;cursor:pointer}.page-content,button{transition:var(--transition)}.page-content{width:100%;min-height:100vh;display:flex;flex-direction:column}body:not(.sidebar-collapsed):not(.sidebar-mobile-open) .page-content{margin-left:250px;width:calc(100% - 250px)}body.sidebar-collapsed .page-content{margin-left:70px;width:calc(100% - 70px)}@media (max-width:768px){.page-content{margin-left:0!important;width:100%!important}.main-content-wrapper{width:100%;padding:.5rem}body.sidebar-mobile-open{overflow:hidden}.sidebar{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}}.main-navbar{background-color:var(--bg-secondary);box-shadow:var(--shadow);position:sticky;top:0;z-index:99;width:100%}.main-navbar-container{max-width:95%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem}.main-navbar-logo{font-size:1.5rem;font-weight:700;color:var(--accent-primary);text-decoration:none}.neon-text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;letter-spacing:1px;transition:all 1s ease;background:linear-gradient(90deg,#1e293b,#475569,#64748b,#94a3b8,#3b82f6,#1e293b);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:colorFlowLeftToRight 8s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(59,130,246,.1))}.neon-text:hover{transform:translateY(-1px);animation:colorFlowLeftToRight 6s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(59,130,246,.2))}@keyframes colorFlowLeftToRight{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.search-bar{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background-color:var(--bg-tertiary);flex-grow:1;max-width:600px;margin:0 2rem}.category-dropdown{border:none;color:var(--text-secondary);border-right:1px solid var(--border-color)}.category-dropdown,.search-bar input{padding:.5rem .75rem;background-color:var(--bg-tertiary);outline:none}.search-bar input{border:none;flex-grow:1;min-width:200px;color:var(--text-primary)}.search-button{padding:.5rem .75rem;background-color:var(--accent-primary);color:white;border:none;transition:var(--transition);display:flex;align-items:center;justify-content:center}.search-button:hover{background-color:var(--accent-secondary)}.main-navbar-actions{display:flex;align-items:center;gap:1rem}.main-navbar-links{max-width:95%;margin:0 auto;display:flex;justify-content:center;gap:2rem;padding:1rem;background-color:var(--bg-primary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.nav-link{text-decoration:none;color:var(--text-secondary);font-weight:500;position:relative;transition:var(--transition);padding:.5rem 0}.nav-link:hover{color:var(--accent-primary)}.nav-link:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background-color:var(--accent-primary);transition:var(--transition)}.nav-link:hover:after{width:100%}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;background-color:var(--bg-secondary);min-width:220px;box-shadow:var(--shadow);z-index:1000;top:calc(100% + .5rem);left:50%;transform:translateX(-50%);border-radius:8px;padding:.5rem 0;border:1px solid var(--border-color)}.dropdown .nav-link:after{content:"";display:inline-block;margin-left:.5rem;border-top:.3rem solid var(--text-secondary);border-right:.3rem solid transparent;border-bottom:0;border-left:.3rem solid transparent;vertical-align:middle;position:static;width:auto;height:auto;background-color:transparent}.dropdown .nav-link:hover:after{border-top-color:var(--accent-primary)}.dropdown-content a{color:var(--text-secondary);padding:.75rem 1rem;text-decoration:none;display:block;transition:var(--transition)}.dropdown-content a:hover{background-color:var(--bg-tertiary);color:var(--accent-primary)}.mobile-sidebar-toggle{display:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;margin-right:1rem;transition:var(--transition)}.mobile-sidebar-toggle:hover{color:var(--accent-primary)}@media (min-width:1600px){.main-navbar-container,.main-navbar-links{max-width:90%}}@media (max-width:1024px){.main-navbar-container{flex-wrap:wrap;gap:1rem}.search-bar{order:3;width:100%;max-width:100%;margin:.5rem 0}.main-navbar-logo{flex-grow:1}.main-navbar-actions{order:2}.main-navbar-links{flex-wrap:wrap;gap:1rem}.dropdown-content{left:0;transform:none}}@media (max-width:768px){.mobile-sidebar-toggle{display:flex;align-items:center;justify-content:center;order:1}.main-navbar-container{padding:1rem;position:relative}.search-bar input{min-width:150px}.neon-text{font-size:1.3rem;letter-spacing:.5px}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:250px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:1000;transition:transform .3s ease,width .3s ease;overflow-y:auto;padding-top:20px;box-shadow:var(--shadow)}.sidebar.collapsed{width:70px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;margin-bottom:1.5rem}.sidebar-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.collapse-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:8px;transition:all .3s ease}.collapsed .collapse-btn{margin-left:auto;margin-right:auto}.collapse-btn:hover{color:var(--accent-primary);background-color:rgba(126,87,194,.1)}.sidebar-categories{list-style:none;padding:0;margin:0}.sidebar-category-item{margin:.5rem 0}.sidebar-category-link{display:flex;align-items:center;padding:.75rem 1.5rem;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;border-radius:0 20px 20px 0;gap:1rem}.collapsed .sidebar-category-link{justify-content:center;padding:.75rem}.sidebar-category-link:hover{background-color:rgba(126,87,194,.1);color:var(--accent-primary)}.sidebar-icon{display:flex;align-items:center;justify-content:center;min-width:24px}.sidebar-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapsed .sidebar-text{display:none}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999;transition:opacity .3s ease;opacity:0;pointer-events:none;display:none}.sidebar-overlay.active{opacity:1;pointer-events:all}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:270px;box-shadow:5px 0 15px rgba(0,0,0,.3)}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{width:270px;transform:translateX(-100%)}.sidebar.collapsed.mobile-open{transform:translateX(0)}.sidebar.collapsed .sidebar-text{display:block}.sidebar.collapsed .sidebar-category-link{justify-content:flex-start;padding:.75rem 1.5rem}.sidebar-header h3{display:block!important}body.sidebar-mobile-open{overflow:hidden}body.sidebar-mobile-open .page-content{opacity:.8;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay{display:block}body:not(.sidebar-mobile-open) .sidebar-overlay{opacity:0;transition:opacity .3s ease,visibility 0s .3s;visibility:hidden}.sidebar-header .collapse-btn{background-color:var(--accent-primary);color:white;border-radius:50%;width:32px;height:32px}.sidebar-header .collapse-btn:hover{background-color:var(--accent-secondary)}}