@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";.sidebar{width:220px;min-width:220px;height:100vh;background-color:#000;color:#fff;display:flex;flex-direction:column;padding:20px;position:fixed;top:0;left:0;box-sizing:border-box;border-right:1px solid #e2e8f0;box-shadow:2px 0 10px #0000000d;border-radius:0 12px 12px 0;transition:transform .3s ease;z-index:1000}.sidebar h2{margin-bottom:30px;font-size:1.5rem;color:#3b82f6;text-align:center;font-weight:600}.sidebar nav{display:flex;flex-direction:column;gap:15px}.sidebar a{color:#fff;text-decoration:none;padding:12px 15px;border-radius:8px;transition:all .3s ease;font-size:1rem;font-weight:500;border:1px solid transparent}.sidebar a:hover{background-color:#3b82f6;color:#fff;border-color:#2563eb}.app-layout{display:flex;min-height:100vh;background-color:#f8fafc}.content{margin-left:220px;padding:2.5rem;flex:1;box-sizing:border-box;background-color:#f8fafc}@media (max-width: 768px){.sidebar{width:220px;transform:translate(-100%);border-radius:0}.sidebar.active{transform:translate(0)}.sidebar nav{margin-left:10px;margin-top:10px}.sidebar h2{display:none}.content{margin-left:0;padding:1.5rem}.sidebar-toggle{display:block;position:fixed;top:10px;left:10px;background:#e6e7e9;color:#000;border:none;padding:10px 12px;border-radius:8px;font-weight:bolder;cursor:pointer;z-index:1001}}.dashboard-container{min-height:100vh;padding:2.5rem;padding-top:0;background-color:#f8fafc;display:flex;flex-direction:column;gap:2.5rem}.dashboard-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.card{background:#f8fafc;padding:20px;border-radius:10px;border:1px solid #e2e8f0;text-align:center;font-weight:600}.card h4,.card b{display:block}.card h4{font-size:.95rem;color:#64748b;margin-bottom:10px}.card b{font-size:1.5rem;font-weight:700;color:#1e293b}.chart-container{background:#f8fafc;padding:20px;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 5px 15px #00000014;margin:0 auto;width:100%;max-width:750px}.quick-stats{background:#f8fafc;padding:25px;border-radius:12px;margin-top:40px;box-shadow:0 5px 15px #00000014;border:1px solid #e2e8f0}.quick-stats h2{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#1e293b}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.stat-item{background:#f8fafc;padding:20px;border-radius:10px;border:1px solid #e2e8f0;text-align:center}.stat-item h4{font-size:.95rem;color:#64748b;margin-bottom:10px}.stat-value{font-size:1.5rem;font-weight:700;color:#1e293b}.loading,.no-results,.error-message{text-align:center;padding:1.5rem;font-size:1.1rem;border-radius:8px}.loading,.no-results{color:#64748b}.error-message{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}@media (max-width: 768px){.card-container{grid-template-columns:1fr}.chart-container{width:85%;padding:15px}.stats-grid{grid-template-columns:1fr}}body{font-family:Inter,sans-serif;background:#f5f7fa;margin:0;padding:0;color:#1e293b}.products-container{padding:2.5rem;padding-top:0}h2{font-weight:700;font-size:2rem;margin-bottom:2rem;color:#1e293b;text-align:center}.product-search{text-align:center;margin-bottom:25px}.product-search input{width:300px;max-width:95%;padding:10px 15px;border-radius:10px;border:1px solid #e2e8f0;font-size:1rem;outline:none;transition:border .2s,box-shadow .2s}.product-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.product-card{background:#f8fafc;padding:20px;border-radius:10px;border:1px solid #e2e8f0;text-align:center;font-weight:600;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.product-card img{width:120px;height:120px;object-fit:contain;margin-bottom:1rem}.product-card h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#1e293b}.product-card .price{font-weight:700;color:#10b981;margin-bottom:1rem}.product-card button{background-color:#3b82f6;color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s,transform .2s}.product-card button:hover{background-color:#2563eb;transform:translateY(-2px)}@media (max-width: 1024px){.product-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}}@media (max-width: 768px){.product-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.product-card img{width:100px;height:100px}.product-search input{width:90%}h2{font-size:1.5rem}.product-card h3,.product-card .price{font-size:.95rem}}@media (max-width: 480px){.product-grid{grid-template-columns:1fr;gap:10px}.product-card{padding:15px}.product-card img{width:90px;height:90px}}.users-container{padding:0 25px 25px;text-align:center;margin-top:40px}.users-container h2{font-size:1.5rem;font-weight:600;margin-bottom:20px}.search-bar{width:100%;max-width:400px;padding:10px 15px;margin:0 auto 25px;display:block;border:1px solid #e2e8f0;border-radius:12px;font-size:1rem;outline:none;transition:border .2s,box-shadow .2s}.search-bar:focus{border-color:#3b82f6;box-shadow:0 0 6px #3b82f64d}.user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.user-card{background:#f8fafc;padding:20px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 5px 15px #00000014;text-align:center;transition:transform .2s,box-shadow .2s}.user-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #0000001f}.user-pfp{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-bottom:10px}.user-card h3{font-size:.95rem;font-weight:600;margin-bottom:10px;color:#1e293b}.user-card p{font-size:.85rem;color:#64748b;margin:5px 0}.user-card button{margin-top:10px;background-color:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s,transform .2s}.user-card button:hover{background-color:#2563eb;transform:translateY(-2px)}.loading{text-align:center;font-size:1.2rem;color:#64748b;padding:2rem}@media (max-width: 1024px){.user-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.user-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}.user-card h3{font-size:.9rem}.user-card p{font-size:.8rem}.user-pfp{width:50px;height:50px}.search-bar{max-width:90%}}@media (max-width: 480px){.user-grid{grid-template-columns:1fr;gap:12px}.user-card{padding:15px}.user-pfp{width:45px;height:45px}}body{font-family:Inter,sans-serif;background:#f8fafc;margin:0;padding:0;color:#1e293b}h2{font-weight:600;font-size:1.5rem;margin-bottom:20px;color:#1e293b}.error{color:#d93025;font-weight:600;margin-top:.5rem}.github-card button{background-color:#3b82f6;color:#fff;border:none;padding:10px 18px;border-radius:12px;cursor:pointer;font-weight:600;transition:background .2s,transform .2s}.github-card button:hover{background-color:#2563eb;transform:translateY(-2px)}.recent-repos li{border-radius:12px;transition:background .2s,transform .2s}.github-container{padding:20px;margin-top:20px;text-align:center}.github-card{background:#f8fafc;border-radius:12px;padding:20px;width:100%;max-width:400px;margin:0 auto;box-sizing:border-box;border:1px solid #e2e8f0;box-shadow:0 5px 15px #00000014;transition:transform .2s,box-shadow .2s}.github-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000001f}.github-card img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0;margin-bottom:15px}.github-card h3{font-size:1rem;font-weight:600;margin-bottom:15px;color:#1e293b}.github-card .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;margin-bottom:15px}.github-card .stat-value{font-size:1.1rem;font-weight:700;color:#1e293b}.github-card button{width:100%;max-width:200px;padding:10px;border-radius:10px}.recent-repos ul{display:grid;grid-template-columns:1fr;gap:10px;padding:0;list-style:none}.recent-repos li a{display:block;padding:10px;background:#f1f5f9;border-radius:10px;color:#3b82f6;text-decoration:none;transition:background .2s}.recent-repos li a:hover{background:#e0e7ff}.search-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:25px}.search-bar input{flex:1 1 200px;max-width:100%;padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;font-family:Inter,sans-serif;font-size:1rem;transition:all .2s ease}.search-bar input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d}.search-bar button{flex:0 0 auto;padding:12px 20px;border-radius:12px;background-color:#3b82f6;color:#fff;border:none;cursor:pointer;font-weight:600;font-size:.95rem;transition:background .2s,transform .2s,box-shadow .2s}.search-bar button:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}@media (max-width: 480px){.search-bar input,.search-bar button{width:100%;border-radius:12px!important;box-sizing:border-box}.search-bar button{margin-top:0}.github-card{padding:15px}.github-card img{width:70px;height:70px}.github-card .stats{grid-template-columns:1fr}.github-card h3{font-size:.95rem}.github-card .stat-value{font-size:1rem}.recent-repos li a{font-size:.9rem}}