body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f6f8;color:#111}.container{max-width:1100px;margin:auto;padding:40px 20px}.header{margin-bottom:30px}.header h1{margin:0;font-size:32px}.header p{color:#666}.filter-bar{margin-bottom:30px;display:flex;gap:10px}.filter-bar button{padding:8px 14px;border:none;border-radius:6px;background:#e4e6eb;cursor:pointer}.filter-bar button.active{background:#111;color:#fff}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 12px #0000000d}.card-header{display:flex;justify-content:space-between;align-items:center}.badge{font-size:12px;padding:4px 8px;background:#111;color:#fff;border-radius:6px}.actions{margin-top:15px;display:flex;gap:12px}.actions a{text-decoration:none;font-size:14px;color:#06f}.details-actions{margin:20px 0;display:flex;gap:15px}.details-actions a{text-decoration:none;padding:8px 14px;border-radius:6px;background:#111;color:#fff;font-size:14px}.demo-placeholder{margin-top:40px}.demo-box{margin-top:10px;height:400px;background:#f0f2f5;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#888;font-size:14px}