:root{--bg: #071226;--panel: #0b1624;--muted: #9fb4d6;--accent: rgb(0, 164, 44)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0c0c0c 0%,#1a1a2e 100%);color:#fff;overflow-x:hidden}.app{position:relative;min-height:100vh;color:#fff;overflow-x:hidden}.floating-orbs{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1}.orb{position:absolute;border-radius:50%;filter:blur(60px);animation:float 20s ease-in-out infinite}.orb-1{width:200px;height:200px;background:radial-gradient(circle,rgba(120,0,255,.15) 0%,transparent 70%);top:15%;left:15%;animation-delay:0s}.orb-2{width:150px;height:150px;background:radial-gradient(circle,rgba(0,164,44,.1) 0%,transparent 70%);top:65%;right:25%;animation-delay:-7s}.orb-3{width:180px;height:180px;background:radial-gradient(circle,rgba(0,124,240,.12) 0%,transparent 70%);bottom:25%;left:35%;animation-delay:-14s}@keyframes float{0%,to{transform:translateY(0) translate(0) scale(1)}25%{transform:translateY(-10px) translate(5px) scale(1.05)}50%{transform:translateY(-5px) translate(-8px) scale(.95)}75%{transform:translateY(-15px) translate(3px) scale(1.02)}}.glass-panel{background:rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003;border-radius:16px;transition:all .3s ease}.glass-panel:hover{background:rgba(255,255,255,.12);border-color:#fff3;box-shadow:0 12px 48px #0000004d}.glass-card{background:rgba(255,255,255,.1);backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.glass-card:hover{transform:translateY(-8px) scale(1.02);background:rgba(255,255,255,.15);border-color:#ffffff40;box-shadow:0 20px 60px #0006}.glass-btn{background:linear-gradient(135deg,rgba(0,164,44,.8) 0%,rgba(0,124,240,.8) 100%);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.glass-btn:hover:before{left:100%}.glass-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(0,164,44,1) 0%,rgba(0,124,240,1) 100%);box-shadow:0 12px 40px #007cf04d}.header{text-align:center;margin:16px 16px 0;padding:24px 12px;min-height:80px}.header-content{max-width:700px;margin:0 auto}.logo-section{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.logo-icon{font-size:36px;color:#00a42c}.header h1{margin:0;font-size:48px;font-weight:800;background:linear-gradient(135deg,#00a42c,#007cf0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:18px;color:#fffc;line-height:1.6;margin:0}.controls{display:flex;gap:10px;padding:12px;margin:0 12px;align-items:center;justify-content:center;flex-wrap:wrap}.search-wrapper{position:relative;flex:1 1 220px;max-width:420px;min-width:280px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#fff9;font-size:18px}.controls input{width:100%;padding:10px 10px 10px 38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);color:#fff;font-size:15px;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);transition:all .3s ease;box-shadow:0 2px 8px #00000014}.controls input:focus{outline:none;border-color:#00a42c80;background:rgba(255,255,255,.12);box-shadow:0 0 10px #00a42c26}.controls input::placeholder{color:#ffffff80}.select-wrapper{position:relative;width:140px;min-width:140px;max-width:140px;overflow:hidden}.select-wrapper:after{content:"▼";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#fff9;pointer-events:none;font-size:12px;transition:all .3s ease}.select-wrapper:hover:after{color:#00a42ccc;transform:translateY(-50%) scale(1.1)}.controls select{width:140px;min-width:140px;max-width:140px;padding:10px 28px 10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);color:#fff;font-size:15px;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.controls select:hover{background:rgba(255,255,255,.12);border-color:#00a42c66;box-shadow:none!important;transform:none!important}.controls select:focus{outline:none;border-color:#00a42c99;background:rgba(255,255,255,.15);box-shadow:none!important;transform:none!important}.controls select option{background:#0b1624;color:#e6eef8;padding:8px 10px;border:none;max-width:120px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.controls select option:hover,.controls select option:checked{background:rgba(3,3,3,.2);color:#000}.gridView{padding:0 20px;max-width:1400px;margin:0 auto}.grid-header{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-left:4px}.grid-icon{font-size:24px;color:#00a42c}.grid-header h2{margin:0;font-size:24px;font-weight:700;color:#fff}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:40px}.gridItem{display:flex;flex-direction:column;gap:16px}.card-header{display:flex;align-items:flex-start;gap:16px}.card-meta h3{margin:0 0 4px;font-size:20px;font-weight:700;color:#fff}.category-tag{background:rgba(0,164,44,.2);color:#00ff5e;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(0,164,44,.3)}.fav{width:48px;height:48px;border-radius:12px;flex-shrink:0;object-fit:cover}.placeholder{background:linear-gradient(135deg,#333,#555);display:flex;align-items:center;justify-content:center}.desc{color:#fffc;line-height:1.6;flex:1}.btn{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:8px;border:none;background:linear-gradient(90deg,rgba(0,200,107,.85) 0%,rgba(0,124,240,.85) 100%);color:#fff;cursor:pointer;text-decoration:none;font-weight:700;box-shadow:0 4px 24px #007cf02e;transition:background .3s,box-shadow .3s,transform .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden}.btn:hover{background:linear-gradient(90deg,rgba(0,124,240,.95) 0%,rgba(0,200,107,.95) 100%);box-shadow:0 8px 32px #007cf03d;transform:translateY(-2px) scale(1.04)}.btn svg{transition:transform .3s}.btn:hover svg{transform:translate(3px) scale(1.1)}.empty-state{text-align:center;padding:60px 20px;margin:40px auto;max-width:500px}.empty-state h3{margin:16px 0 8px;font-size:24px}.empty-state p{color:#ffffffb3}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:40px 20px;padding:20px}.pagination button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 16px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pagination button:hover:not(:disabled){background:rgba(255,255,255,.2);border-color:#ffffff4d;transform:translateY(-2px)}.pagination button.active{background:linear-gradient(135deg,#00a42c,#007cf0);border-color:transparent}.pagination button:disabled{opacity:.4;cursor:not-allowed}.footer{text-align:center;margin:20px;padding:30px;color:#fffc}@media (max-width: 768px){.header{padding:12px 6px}.header .header{padding:8px 2px;min-height:40px}.header .header h1{font-size:22px}.header .header-content{padding:0 1px}.header .controls{flex-direction:column;gap:4px;padding:4px;margin:0 2px}.header .search-wrapper{max-width:100%;min-width:100px;margin-bottom:0;position:relative}.header .search-icon{left:10px;font-size:16px;top:50%;transform:translateY(-50%)}.header .controls input{padding-left:36px;font-size:14px;min-height:32px}.header .select-wrapper{min-width:70px;max-width:100px}.header .grid-container{grid-template-columns:1fr}.header .pagination{flex-wrap:wrap}.header .orb{display:none}.header .logo-section{flex-direction:column;gap:6px}.header .grid-header{justify-content:center;text-align:center}}