@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{--bg-color: #0f172a;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--card-bg: rgba(30, 41, 59, .7);--card-border: rgba(255, 255, 255, .08);--card-hover: rgba(51, 65, 85, .9);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #818cf8;--accent-glow: rgba(129, 140, 248, .15)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:url(/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-primary);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column}.card.locked{filter:blur(5px) grayscale(.8);opacity:.5;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.lock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;color:#fffc;display:none;filter:none!important}.card-wrapper{position:relative}.card-wrapper.locked .lock-overlay{display:block}header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0 3rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:2rem}.greeting h1{font-size:1.8rem;margin:0;font-weight:700;letter-spacing:-.025em}.greeting p{color:var(--text-secondary);margin:.5rem 0 0;font-size:.95rem}.user-actions{display:flex;align-items:center;gap:1.5rem}.search-box{position:relative}.search-input{background:#0003;border:1px solid var(--card-border);padding:.6rem 1rem .6rem 2.5rem;border-radius:99px;color:#fff;font-family:inherit;outline:none;transition:all .2s;width:200px}.search-input:focus{border-color:var(--accent);background:#0006;width:280px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary);width:16px}.btn-logout{background:transparent;border:1px solid var(--card-border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:600;display:flex;align-items:center;gap:.5rem}.btn-logout:hover{background:#ff32321a;color:#ff6b6b;border-color:#ff323233}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;padding-bottom:4rem;animation:fadeIn .6s ease-out}.card{background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-decoration:none;color:var(--text-primary);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 15px 35px -5px #00000080;position:relative;isolation:isolate;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{transform:translateY(-6px);border-color:#ffffff4d;box-shadow:0 25px 50px -10px #000c}.card:before{content:"";position:absolute;inset:0;background-color:#0f172a33;backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);z-index:-1;border-radius:24px}.card:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(176deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.3) 35%,transparent 36%);background-size:200% 200%;background-repeat:no-repeat;background-position:-10px -150px;transition:background-position .6s cubic-bezier(.22,1,.36,1)}.card:hover:before{opacity:1}.card:hover:after{background-position:0px -50px}.icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.card:hover .icon-wrapper{transform:scale(1.1) rotate(3deg)}.card img,.card span{position:relative;z-index:5;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.card img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.card:hover img{transform:scale(1.15) rotate(3deg);filter:drop-shadow(0 8px 12px rgba(0,0,0,.5))}.card span{font-weight:600;letter-spacing:.03em;font-size:1.1rem;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.5)}.card-wrapper.locked .card{opacity:.6;border-color:#ff32321a;cursor:not-allowed}.card-wrapper.locked .card:before{background-color:#0a0a0f99;-webkit-backdrop-filter:blur(4px) grayscale(100%);backdrop-filter:blur(4px) grayscale(100%)}.card-wrapper.locked .card:hover{transform:none;box-shadow:none}.card-wrapper.locked .card:after{display:none}.footer{margin-top:auto;padding-top:3rem;text-align:center;color:var(--text-secondary);font-size:.8rem}.debug-tag{background:#0000004d;padding:4px 8px;border-radius:4px;margin-left:8px;font-family:monospace}.login-container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.login-btn{margin-top:2rem;padding:12px 32px;background:var(--accent);color:#000;border:none;border-radius:8px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:.2s}.login-btn:hover{background:#a5b4fc;box-shadow:0 0 20px var(--accent-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}