:root{--primary: #2563eb;--bg: #f8fafc;--card-bg: #ffffff;--text: #1e293b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:var(--bg);color:var(--text);padding:1rem}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.card{background:var(--card-bg);padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;gap:.5rem}.card-actions{display:flex;gap:.5rem;margin-top:1rem}.card:hover{transform:translateY(-4px);transition:transform .2s}.hidden{display:none!important}#editor-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}#card-form{background:#fff;padding:2rem;border-radius:8px;display:flex;flex-direction:column;gap:1rem;width:90%;max-width:400px}button{padding:.5rem 1rem;cursor:pointer;border:none;border-radius:4px;background:var(--primary);color:#fff}button#close-modal{background:#64748b}input{padding:.5rem;border:1px solid #ccc;border-radius:4px}