@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color: #0f172a;--card-bg: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--border: #334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:1000px;margin:0 auto;padding:3rem 2rem}.header{margin-bottom:3rem;border-bottom:1px solid var(--border);padding-bottom:1.5rem}.header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.subtitle{color:var(--text-secondary);font-size:1.1rem}.content h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary);font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--accent),#a78bfa);opacity:0;transition:opacity .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0006;border-color:var(--accent)}.card:hover:before{opacity:1}.card h3{font-size:1.25rem;margin-bottom:1rem;color:#fff;font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:#ffffff0d;color:var(--text-secondary);padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:500;border:1px solid var(--border)}.tag.highlight{background-color:#3b82f61a;color:#93c5fd;border-color:#3b82f64d}.loading,.empty-state{text-align:center;padding:4rem;color:var(--text-secondary);background-color:var(--card-bg);border-radius:12px;border:1px dashed var(--border);font-size:1.1rem}.toast{position:fixed;bottom:2rem;right:2rem;background-color:var(--card-bg);border:1px solid var(--border);color:var(--text-primary);padding:1rem 1.5rem;border-radius:8px;box-shadow:0 10px 25px -5px #0006;display:flex;align-items:center;gap:.75rem;z-index:50;animation:slide-up .3s ease-out forwards}.toast.success{border-left:4px solid #34d399}.toast.error{border-left:4px solid #f87171}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-primary);transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#34d399}input:focus+.toggle-slider{box-shadow:0 0 1px #34d399}input:checked+.toggle-slider:before{transform:translate(20px)}.card.disabled{opacity:.5;filter:grayscale(80%);border-color:var(--border);box-shadow:none}.card.disabled:hover{transform:none;border-color:var(--border)}.card.disabled:before{display:none}